hasan-almujtaba/fdn

Next Starter

React with Next JS configured out of the box for building any type of website with clean code and better Developer Experience

Live Demo

Live Demo

Example

• Financial tracker app
• Meal Book

What is included

• Next JS with typescript configured out of the box
• Next auth for authentication using middleware
• Easily handling client state with Zustand
• Handling server state with React Query
• utility-first CSS framework via Tailwind CSS
• Find and fix code problems with ESLint
• Format code with consistent style using Prettier
• Headless Component using Headless UI
• Import popular icon from React Icons
• Handle http request with Axios
• PNPM for disk space efficient package manager

Extension

• Eslint for linting code
• Prettier for code formatting
• Code spell checker to avoid misspell or typo in code
• TODO Highlight in comment
• Conventional Commits for better commit message

Try it now!

Github Template

Create repo from this template

Clone to local

pnpm dlx degit hasan-almujtaba/next-starter my-app
cd my-app
pnpm i

Usage

Development

Start local environment

pnpm dev

Build

To build the App, run

pnpm build

Code Linting

To lint the App, run

pnpm lint

Code Formatting

To format the App, run

pnpm format