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.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!