Creating a Next.js 14 project
In this project-oriented section, you will learn how to create and deploy your project using your React knowledge. You will create a brand new Next.js app by performing a series of simple steps. The project will use Tailwind CSS (integrated into Next.js) and JavaScript instead of TypeScript.
The frontend that you will be building in this chapter requires a running backend—from the previous chapter. It can run either on your local machine or, in case you performed the deployment, from Render.com. During development, running the background from the previous chapter locally in a separate terminal will be easier and faster, with the virtual environment activated.
To create a brand new Next.js project and set it up the way we have specified (JavaScript instead of Typescript, the new App Router, and so on), perform the following steps:
- Open the terminal in the folder of your choice and enter the following command:
npx create-next-app@latest...
