<p>Start by creating a new Next.js project if you don’t have one set up already. The most common approach is to use Create Next App:</p>
<div class="remark-highlight"><pre class="language-bash"><code class="language-bash">npx create-next-app my-project
<span class="token builtin class-name">cd</span> my-project
</code></pre></div>
<p>This command creates a Next.js project for you! The next lesson is about installing TailwindCSS in a live development environment that has the Next.js installed in it already.</p>
<h2>Your turn</h2>
<p>Click on <strong>Dev Environment</strong> to see a live Next.js project</p>


Installation

Tailwindcss Basics

Creating your project

Setting up Tailwind CSS

Including Tailwind in your CSS in a Next.js project

Include Tailwind in your CSS

Style your Next.js project with TailwindCSS.

Creating your project

Create a new Next.js project

Your turn