← Back to How-to Guides

Setting up Next.js with TypeScript

Beginner
·1 min read
nextjstypescriptsetup

Setting up Next.js with TypeScript

Prerequisites

  • Node.js 18+ installed
  • A terminal
  • A code editor

Step 1: Create a New Project

Use the Next.js CLI to bootstrap a new project:

```bash npx create-next-app@latest my-app --typescript cd my-app ```

Step 2: Project Structure

Your new project will have this structure:

``` my-app/ ├── app/ ├── public/ ├── package.json └── tsconfig.json ```

Step 3: Start the Development Server

```bash npm run dev ```

Visit http://localhost:3000 to see your app.

Conclusion

You now have a working Next.js + TypeScript project! Ready to build.

``` ```