This is a Next.js project bootstrapped with npx create-next-app@latest --ts
.
Create a basic Next.js starter project as our project template
Next.js with TypeScript
- Because I love strongly typed languages, OOP, and TypeScript is a superset of JavaScript.
Lint & format
- ESLint: Find and fix problems in your JavaScript & TypeScript code.
- Prettier : code formatter.
- Husky: Pre-commit hook included to lint your staged files.
- Babel: a JavaScript compiler. Because Next.js includes the
next/babel
, we just config it.
Debug Next.js Project
- Debugging with VS Code on Windows :
- Debugging with Chrome DevTools :
- Client-side code
- Server-side code
Testing Setup
- Jest : unit test for
- React Testing Library to make tests that mimic real user interactions
UI
We will try to use differnce CSS to create Template Later!
- Saas
- TailwindCSS 2
- Material UI
- BT 5
- CSS3
- CSS modules are also supported by default by next.js
Deployment
- CI with GitHub Actions
- Ready to deploy on Vercel using git integration or the command line (see 'deployment' section below)
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.