NEXT.js

tip

Review the official Next.js Installation Instructions for changes.

Installation

Create a Next.js application using the following command:

pnpx create-next-app@latest
? Would you like to use TypeScript? Yes
? Would you like to use ESLint? Yes
? Would you like to use Tailwind CSS? Yes
? Would you like your code inside a `src/` directory? Yes
? Would you like to use App Router? (recommended) Yes
? Would you like to use Turbopack for `next dev`? Yes
? Would you like to customize the import alias (`@/*` by default)? No

Cleanup

• Delete everything in the ./public directory and add a .gitkeep file.
• Simplify the contents of the files found in ./src/app

VS Code Extensions

Create a .vscode/extensions.json file and add the following:

.vscode/extensions.json

{
  "recommendations": [
    "mhutchie.git-graph",
    "github.copilot",
    "GitHub.copilot-chat",
    "bierner.github-markdown-preview",
    "DavidAnson.vscode-markdownlint",
    "unifiedjs.vscode-mdx",
    "techer.open-in-browser",
    "aaron-bond.better-comments"
  ]
}