This is a Next.js project bootstrapped with create-next-app
.
The best way to start with this template is using Create Next App.
yarn create next-app -e https://github.com/Norus-Tech/nextjs-typescript-starter
# or
npx create-next-app -e https://github.com/Norus-Tech/nextjs-typescript-starter
First, run the development server:
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
yarn commit
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
- axios: http requests
- chakra-ui: UI Layouts
- suneditor: WYSIWYG Editor
- react-query: Data fetching library
- react-icons: Icons
- react-data-table-component: Table management
- next-auth: Authentication
- date-fns: Date manipulation
- ⚡️ Next.js 12
- ⚛️ React 18
- 📏 ESLint: To find and fix problems in your code
- 💖 Prettier: Code Formatter for consistent style
- 🐶 Husky: For running scripts before committing
- 📄 Commitizen — To define a standard way of committing rules
- 🚓 Commitlint — To make sure your commit messages follow the convention
- 🖌 Renovate — To keep your dependencies up to date
- 🚫 lint-staged — Run ESLint and Prettier against staged Git files
- 👷 PR Workflow — Run Type Check & Linters on Pull Requests
- ⚙️ EditorConfig - Consistent coding styles across editors and IDEs
- 🗂 Path Mapping — Import components or images using the
@
prefix
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.