Bootstrap a New Next.js Application with Tailwind using create-next-app
We are starting from scratch! To create a new Next.js application we'll run npx create-next-app and pass in the with-tailwindcss flag to include Tailwind.
Then we will clear out the initial page and write in hello world.
Instructor: [0:00] Let's go ahead and create a new Next application by running, npx create-next-app. We also passed in the with-tailwind option. That way, our project is bootstrapped to use TailwindCSS by default for styling. Once done, let's run our application with npm run dev command.
[0:16] Let's visit localhost:3000 in our browser to make sure everything is working as expected. Next, we'll go to index.tsx file and replace all the contents there with a simple "Hello World."
[0:34] Refresh our browser, and we'll make sure that the changes are reflected.