https://github.com/aravindballa/website

Digital home of Aravind Balla
https://github.com/aravindballa/website

nextjs tailwind-css

Last synced: 27 days ago
JSON representation

Digital home of Aravind Balla

• Host: GitHub
• URL: https://github.com/aravindballa/website
• Owner: aravindballa
• Created: 2021-04-07T10:36:55.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-11-12T18:13:28.000Z (about 1 month ago)
• Last Synced: 2024-11-12T18:43:47.756Z (about 1 month ago)
• Topics: nextjs, tailwind-css
• Language: MDX
• Homepage: https://aravindballa.com/
• Size: 44.8 MB
• Stars: 7
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• Awesome-NextJs - aravindballa website - [website](https://aravindballa.com/) (Build with Nextjs)

README

        
# Next.js + Tailwind CSS Example

This example shows how to use [Tailwind CSS](https://tailwindcss.com/) (v2) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).

It uses the new [`@tailwindcss/jit`](https://github.com/tailwindlabs/tailwindcss-jit) engine for Tailwind CSS.

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss&project-name=with-tailwindcss&repository-name=with-tailwindcss)

## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:

```bash

npx create-next-app --example with-tailwindcss with-tailwindcss-app

# or

yarn create next-app --example with-tailwindcss with-tailwindcss-app

```

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).