Skip to content

ckt22/Demo-next-tailwind

Repository files navigation

Next.js + TailwindCSS

Next.js Documentation: https://nextjs.org/docs
TailwindCSS Documentation: https://tailwindcss.com/docs/utility-first

Next.js: The React Framework for Production. Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

Tailwind is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

Example:

<div className="bg-slate-800 text-xl p-2 border border-gray-100">
  <p className="m-2 text-white">TailwindCSS and Next.js</p>
  <a href="..." className="text-red-300">Visit the documentation</a>
</div>