- Git
- Node.js ^v22.11.0(LTS Jod) To support version lock-in between projects, it'd recommended to use Node.js version management tools such as fnm, nvm, asdf. Of course, you can just install it from the official website.
- pnpm >=9.15.9
- Visual Studio Code
Go to the current folder and check the version of Node.js.
node -vThis project use Node.js as well as pnpm for dependency resolution and requires a bit of preparation to set up the first time.
If you have installed it globally via npm, please uninstall it first.
npm uninstall -g pnpmWe will enable automatic setup of yarn using corepack, a package management tool that is included as standard with Node.js.
corepack enable
corepack prepare pnpmIf you are using Node.js via a version control tool such as fnm , nvm or asdf , you may need to reshim or rehash, also you can enable shell integration to match extract version in .nvmrc
Navigate to the project root folder and check the pnpm version.
pnpm -vIt should show the correct version as mentioned in package.json field packageManager
9.15.9
pnpm installpnpm buildFirst, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
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!
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.