Stratpoint Engineering

Next.js Fullstack Training

Sign in with your Stratpoint Google account to continue.

Next.js Fullstack
Next.js Fullstack Training
Chapter 2

Day 1 — Setup Checklist

Complete every item on this list before writing a single line of project code.

2.1 Tools to Install

Step 1 — Node.js v22 LTS

# Install fnm (Fast Node Manager)
curl -fsSL https://fnm.vercel.app/install | bash
fnm install 22 && fnm use 22 && fnm default 22
node --version   # should print v22.x.x

Step 2 — pnpm

npm install -g pnpm@latest
pnpm --version

Step 3 — Git global config

git config --global user.name "Your Name"
git config --global user.email "[email protected]"
git config --global core.editor "code --wait"
git config --global pull.rebase true

Step 4 — VS Code Extensions

  • biomejs.biome — linter + formatter (mandatory)
  • bradlc.vscode-tailwindcss — Tailwind v4 IntelliSense (mandatory)
  • usernamehw.errorlens — inline errors (recommended)
  • eamodio.gitlens — powerful Git history UI (recommended)
  • Set Biome as default formatter and enable Format On Save.

Step 5 — Create your first Next.js 16 project

pnpm create next-app@latest my-portfolio \
  --typescript --tailwind --app --turbopack --import-alias "@/*"
cd my-portfolio
pnpm remove eslint eslint-config-next
pnpm add -D @biomejs/biome && pnpm biome init
pnpm dev   # → http://localhost:3000

2.2 Accounts to Create / Join

  • GitHub — request team org access from your mentor
  • Neon (neon.tech) — create a free project, copy DATABASE_URL
  • Vercel — sign up with GitHub account
  • Clerk — your mentor will share team credentials
  • Google Chat — accept the team invitation

2.3 Your First PR (Do This Today)

  • git checkout -b yourname/chore/hello-world
  • Add a comment to any file: // Hello from [Your Name]
  • git add . && git commit -m "chore: hello world from [Your Name]"
  • git push -u origin yourname/chore/hello-world
  • Open a PR on GitHub targeting main. Write two sentences in the description.
  • Ask a fellow intern to leave a review comment. Reply to it. Merge.

Pro Tip

That is the entire workflow for every feature you will build. Small PR → clear description → review → merge.