justalever / tailwind-navbar

A completely responsive CSS-only navbar using Tailwind CSS

Let's Build with Tailwind CSS - Responsive Navbar

This project users a simple starter project for playing around with Tailwind in a proper PostCSS environment.

To get started:

1. Clone the repository:

   git clone https://github.com/tailwindcss/playground.git tailwindcss-playground
   
   cd tailwindcss-playground

2. Install the dependencies:

   # Using npm
   npm install
   
   # Using Yarn
   yarn

3. Start the development server:

   # Using npm
   npm run serve
   
   # Using Yarn
   yarn run serve

   Now you should be able to see the project running at localhost:8080.

4. Open public/index.html in your editor and start experimenting!

Building for production

Even though this isn't necessarily a starter kit for a proper project, we've included an example of setting up both Purgecss and cssnano to optimize your CSS for production.

To build an optimized version of your CSS, simply run:

# Using npm
npm run production

# Using Yarn
yarn run production

After that's done, check out ./public/build/tailwind.css to see the optimized output.

tailwind-navbar's Issues

Unable to run in local browser

Hi Andy,

I really enjoyed learning from your video and was super excited about using Tailwind for one of my team projects.

Unfortunately, after downloaded your project, I'm having issues with getting it to display on the local browser with npm start; npm run serve, yarn, or yarn run serve. I tried separately installing the following methods after deleting the node folder: npm install; yarn; and npm install tailwinds postcss-cli autoprefixer, then run the server commands according to it's method, but got tons of error running the serve commands.

I would love getting your insight.