The starter that I use to bootstrap a new frontend project.
Framework: Next.js
Configuration:
- Typescript
- Eslint config
- Prettier config
- Alias imports (e.g.
@components/...
) - svgr to import icons as React components
Styling:
- Tailwind CSS
- daisy UI to manage Tailwind theme
Components:
- Accessible UI components, made with Radix & Headless UI.
- Storybook to test and develop components
Extras:
- SEO with
next-seo
- sitemap with
next-sitemap
- dark mode with
next-themes
- multiple layouts support
- protected routes
- api client to consume a REST API
- authentication
- self-hosted font
Some other used libraries:
react-query
to handle server side data and cachingreact-hook-form
to manage forms state