TypeScript with Next.js introduction

Starter configuration of a basic Next.js application with TypeScript.

Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static rendering.

Creating First Next.js app

From the terminal / command tool window:

  1. Request generation of a new Next.js application
    npx create-next-app@latest <appName>
    On choosing options selection:
    • Would you like to use TypeScript? choose Yes
    • Would you like to use ESLint? choose Yes
    • Would you like to ise Tailwind CSS? choose Yes
    • Would you like your code inside a `src/` directory? choose No
    • Would you like to use App Router? choose Yes
    • Would you like to use Turbopack for `next dev`? choose No
    • Would you like to customize the import alias (`@/*`)? choose No