⏭️ Base setup for a Next.js front-end. Includes:
- Next Routes for dynamic routing
- Dotenv CLI for environment variables
- TypeScript as the language
- Express as the server
- Material UI as the design system
- Styled JSX for CSS in JS
- Jest as the test runner
- Snapshots for component unit testing
- ESLint for code linting (via
@joncursi/eslint-config) - CommitLint for commit linting (via
@joncursi/eslint-config) - Prettier for code formatting (via
@joncursi/eslint-config) - Fastlane for release management
- Now for deployments
-
Install node modules:
npm install
-
Create a
.envfile in the root of this project and fill it with environment variables. -
Start the server in dev mode:
npm run dev
-
Start the server in production mode:
npm run build npm start
There are lots of npm scripts at your disposal during local development. Here are some of the more important ones:
| Script | Description |
|---|---|
| npm run analyze | Shows interactive visualization of the webpack bundle. |
| npm run dev | Starts the local dev server. |
| npm run build | Builds a production distribution. |
| npm start | Starts the server in production mode. |
| npm test | Run all tests. |