Starter template for blazing fast Next.js app:
- EsBuild
- Configured with esbuild loader, with faster build time.
- Starting at 40KB
- With Preact configuration reduce initial size to just 28KB.
- TypeScript
- Type-safe code base for faster and easier maintainance.
- Sass and CSS Module
- Configured Sass to use with CSS module
- Dynamic Path Alias
- Easier manage and maintaining between module, no more import path hell.
- ESLint
- Configured linter for most suitable React environment
- Testing
- Using Jest and React Testing Library for testing.
- Github Action
- Run linter and test for every Pull Request
List of path aliased:
@pages
- src/pages@layouts
- src/layouts@components
- src/components@styles
- src/styles@services
- src/services@models
- src/models@stores
- src/stores@tailwind
- src/services/tailwind/index.ts@atoms
- src/components/atoms@molecules
- src/components/molecules@organisms
- src/components/organisms
Test suite is set up with Jest and React Testing Library with configured for using next/dynamic
The structure for test is illustrated as the following:
- tests - Contains test file.
- mocks - Mockup file like |
css
,sass
andless
is set. (Can be changed atjest.config.js
)