A powerful and highly customizable Next.js starter to kickstart frontend projects with modern development practices, built-in state management, and enhanced DX tools.
- Next.js 13 with App Router
- TypeScript for safer code and better developer experience
- React Query for efficient data fetching and caching
- Redux for robust state management
- Tailored Developer Experience with ESLint, Prettier, Husky
- Internationalization (i18n) support for multilingual sites
- Comprehensive Testing Setup with Jest for unit tests and Storybook for UI component testing
Clone the repository, install dependencies, and start the development server.
git clone https://github.com/aelabid/Next-StarterKit.git
cd Next-StarterKit
npm install
npm run dev
Open http://localhost:3000 to view it in the browser.
βββ app/
β βββ (routes)/
β βββ layout.tsx
βββ components/
β βββ ui/
β βββ layout/
βββ public/
βββ styles/
βββ hooks/
βββ services/
βββ lib/
βββ config/
βββ context/
βββ tests/
β βββ cypress/
β βββ unitTest/
βββ store/
βββ i18n/
- React Query for API requests
- Redux for local state
- Jest & Storybook for testing
- Tailwind CSS for styling
Running Tests
- Run unit tests with Jest:
npm run test
- Run end-to-end tests with Cypress:
npm run cypress:open
We welcome contributions! Please follow our contributing guidelines and adhere to the code of conduct.
Distributed under the MIT License. See LICENSE for more information.