Name	Name	Last commit message	Last commit date
Latest commit raoufchebri update main Jan 24, 2023 dcf51b3 · Jan 24, 2023 History 110 Commits
.github/workflows	.github/workflows	Update merge.yml	Jan 13, 2023
components	components	add test	Nov 26, 2022
icons	icons	init	Sep 21, 2022
pages	pages	update index.js	Nov 30, 2022
prisma	prisma	Update schema.prisma	Jan 12, 2023
public	public	add tailwindcss	Sep 21, 2022
styles	styles	init	Sep 21, 2022
tests	tests	add test	Nov 26, 2022
.env.example	.env.example	Update and rename .env to .env.example	Sep 21, 2022
.env.local.example	.env.local.example	use callback	Sep 22, 2022
.gitignore	.gitignore	Merge pull request #3 from raoufchebri/feat-2	Nov 26, 2022
README.md	README.md	Update README.md	Jan 13, 2023
db.ts	db.ts	remove console log	Nov 28, 2022
jest.config.js	jest.config.js	add test	Nov 26, 2022
middleware.ts	middleware.ts	Added logging to prisma queries	Nov 7, 2022
next.config.js	next.config.js	init	Sep 21, 2022
package-lock.json	package-lock.json	add test	Nov 26, 2022
package.json	package.json	update main	Jan 24, 2023
postcss.config.js	postcss.config.js	init	Sep 21, 2022
tailwind.config.js	tailwind.config.js	init	Sep 21, 2022
tsconfig.json	tsconfig.json	update main	Jan 24, 2023
yarn.lock	yarn.lock	update main	Jan 24, 2023

Repository files navigation

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 the example using Vercel or preview live with StackBlitz

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

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

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

pnpm create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).