1. Create Next React App

1. Create Next React App

Step 1: Create Your Next.js Project

Open Cursor and Create Your Project

  1. Open Cursor
  2. Open the terminal (Terminal → New Terminal or Ctrl+` / Cmd+`)
  3. Navigate to your projects folder (or wherever you want to create the project)
  4. Create a new Next.js project with TypeScript:
npx create-next-app@latest appName --typescript

When prompted, respond to each question:

  1. Which linter would you like to use? → Press Enter for ESLint (default)
  2. Would you like to use React Compiler? → Type n and press Enter for No
  3. Would you like to use Tailwind CSS? → Type y and press Enter for Yes
  4. Would you like your code inside a src/ directory? → Type n and press Enter for No
  5. Would you like to use App Router? (recommended) → Type n and press Enter for No (we're using Pages Router)
  6. Would you like to customize the import alias? → Type n and press Enter for No
  7. Would you like to use Turbopack? (recommended) → Type n and press Enter for No (we'll keep the standard build for compatibility)

This creates a new Next.js project with:

  • Pages Router (the stable, battle-tested routing system)
  • TypeScript for type safety
  • ESLint for catching errors and enforcing code quality
  • Tailwind CSS for utility-first styling

Open Your Project

  1. In Cursor: File → Open Folder → Select the "saas" folder that was just created
  2. You'll see several files and folders that Next.js created automatically