Go to file
Kasper Juul Hermansen 718c542c12
Some checks failed
renovate/artifacts Artifact file update failure
continuous-integration/drone/pr Build is failing
continuous-integration/drone/push Build is failing
Update react monorepo to v18
2024-02-01 08:21:49 +00:00
.idea Add base app 2022-04-24 23:12:11 +02:00
components Add base app 2022-04-24 23:12:11 +02:00
pages Add base app 2022-04-24 23:12:11 +02:00
public Add base app 2022-04-24 23:12:11 +02:00
styles Add base app 2022-04-24 23:12:11 +02:00
.dockerignore Add drone 2022-04-24 23:25:12 +02:00
.drone.yml Add drone 2022-04-24 23:25:12 +02:00
.gitignore Add base app 2022-04-24 23:12:11 +02:00
Dockerfile Add drone 2022-04-24 23:25:12 +02:00
next-env.d.ts Add base app 2022-04-24 23:12:11 +02:00
next.config.js Add drone 2022-04-24 23:25:12 +02:00
package.json Update react monorepo to v18 2024-02-01 08:21:49 +00:00
pnpm-lock.yaml Add base app 2022-04-24 23:12:11 +02:00
postcss.config.js Add base app 2022-04-24 23:12:11 +02:00
prettier.config.js Add base app 2022-04-24 23:12:11 +02:00
README.md Add base app 2022-04-24 23:12:11 +02:00
renovate.json Add renovate.json 2022-10-25 20:45:00 +00:00
tailwind.config.js Add base app 2022-04-24 23:12:11 +02:00
tsconfig.json Add base app 2022-04-24 23:12:11 +02:00

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app
# or
pnpm create next-app -- --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).