This repository is no longer maintained. Check Ship.

Next Starter

Next starter is what we think an ideal starting point for the most React.JS frontend applications. It is based on the following primary technologies:

• Next.js
• React Query
• React Hook Form
• Storybook + Chromatic
• PostCSS

Application structured in a way, which we find most efficient in both short and long term projects. The main intention of the current structure is to keep logical components close to each other and define clear structure for the common things, such as services, helpers, hooks, api and etc.

Ship UI

The starter has a basic set of easily customizable components to launch applications instantly.

Start application.

Run npm run dev that will start the application with development.json config.

You also can start the app using Dockerfile.

Deployment

Vercel

The easiest way to deploy Next Starter is to use the Vercel Platform from the creators of Next.js.

Docker

You can deploy Next starter anywhere where you can run Docker. In our opinion, the easiest way is Digital Ocean Apps.

CDN

You can deploy Next starter through CDN, but keep in mind that some features of Next.js like SSR, API Routes will not work.

Important notes

You need to set APP_ENV variable in build args in a place where you deploy application. It is responsible for the config file from environment folder that will be taken when building your application

APP_ENV	File
development	development.json
staging	staging.json
production	production.json