evan-y-zhao / next-boilerplate

Modern, lightweight, production-ready Next.js boilerplate

Next Boilerplate

Modern, lightweight, production ready Next.js boilerplate

Features

• Next.js v10
• Typescript
• Absolute Imports - Refer to baseUrl of tsconfig.json
• State Management: Redux(RTK(Redux Toolkit), SSR(next-redux-wrapper), Async(thunk), Logger(redux-logger))
• i18n(next-i18next, Internationalized Routing) - Live Demo
• Environment Variables(.env) - Live Demo
• Style: Styled Components(JSS) - SSR, CSS Prop, GlobalStyle, Font(Google) - Live Demo
• Data Fetching - Live Demo
  • Client: SWR
  • Server: Static Generation(Prerender with revalidate)
• Time(Day.js) - Live Demo
• isMobile - Live Demo
• Cookie - nookies(Server/Client) - Live Demo
• Test - Jest
• ESLint

Folder structure

├── public
│ └── static
│   └── locales
│     └── {locale}
│       └── {namespace}.json
├── src
│ └── __test__
│ └── api
│ └── components
│ └── constants
│ └── libs
│   └── i18n.ts
│ └── pages
│   └── api
│ └── redux
│   └── slices
│   └── reducer.ts
│   └── store.ts
│ └── types
│ └── .gitignore
│ └── package.json
│ └── tsconfig.json
└── README.md

Coding Convention

• Folder naming: camelCase
• Components naming: PascalCase

Prerequisites

• Node.js >= 12.x (Recommended the latest version)
• (Yarn(Recommended))

Install

yarn
# or
npm install

Development

yarn dev
# or
npm run dev

Build

yarn build
# or
npm run build

Start

yarn start
# or
npm start

🌏 Supported Browser

IE	Edge	Firefox	Chrome	Safari	Opera
>= 11	>= 85	>= 80	>= 84	>= 13	>= 70

LICENSE

MIT