NextJS Guru

Category: Getting Started with Next.js

Learn how to quickly install and deploy Next.js with our getting started guides.

With these guides you can start your first Next.js project within minutes and start building simple applications.

  • Quick start installation of Next.js 15

    Starting up the new Next.js 15 is extremely easy. Developers have put much effort into making the initialization process straightforward so that even a complete beginner can spin up a fully functional installation in a single command.

    Initialize Next.js with the create-next-app command

    First, make sure to have the latest stable node version installed on your system. If unsure, use the handy nvm module that allows for quick installation and switching up between node versions without the hassle of configuring the apt sources (if you’re on Debian/Ubuntu).

    With node installed run the following command to install Next.js 15 and answer a couple of questions to get the project initialized:

    npx create-next-app

    The creator will ask you whether you want to use TypeScript (highly recommended), Turbopack, which is the new bundler for the dev running much faster than the old webpack used in previous Next.js versions, ESLint and whether you want to use the new App router.

    I highly recommend using the App router if you’re a new user and switching to it if you’re Pages router user from previous Next.js versions because App router is the more modern and recommended way of doing things.

    Next, the installer will ask you some questions:

    user@host:~/$ npx create-next-app
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

✔ What is your project named? … nextjsguru.com
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like your code inside a `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to use Turbopack for next dev? … No / Yes
✔ Would you like to customize the import alias (@/* by default)? … No / Yes
Creating a new Next.js app in /home/user/nextjsguru.com.

    As you can see I’ve selected all the recommended settings: I chose to use TypeScript, ESLint and Tailwind CSS which has now become standard for modern CSS and the recommended App router.

    After the installer completes and installs required module files your Next.js 15 app is ready for launch.

    To do this, enter the directory it was installed in and type:
    npm run dev
    to run the app.

    Now you can start modifying files and working on your app and it will reload automatically when you save changes to your files.

    Happy Coding! 😊🎉💻