--- title: What and Why Next.js and TailwindCSS? | daily.dev description: Next.js is a production-ready framework for the javascript library React. Tailwind is a CSS framework that allows us to write CSS directly inside our HTML. The... canonical: https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: What and Why Next.js and TailwindCSS? | daily.dev og:description: Next.js is a production-ready framework for the javascript library React. Tailwind is a CSS framework that allows us to write CSS directly inside our HTML. The... og:url: https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl og:image: https://api.daily.dev/og/posts/gS1Wbd8xl.png og:image:alt: What and Why Next.js and TailwindCSS? og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # What and Why Next.js and TailwindCSS? **[Hashnode](https://daily.dev/sources/hashnode)** · [@avneesh0612](https://daily.dev/avneesh0612) · 1 min read · 18 upvotes · 10 comments ## Summary Next.js is a production-ready framework for the javascript library React. Tailwind is a CSS framework that allows us to write CSS directly inside our HTML. The long classes can be opinionated but it is worth a try.Through the great talk given by Sam Sycamore and Francesco Ciulla at Hashnode Bootcamp day 3, I am now much clearer on what I am gonna write in the near future. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@gouravkhunger** · 1 upvotes > Amazing! **@bkroland19** · 0 upvotes > good work **@amirazmi** · 0 upvotes > but why there are not many templates nextjs with tailwind? i mean the production level template like the one sold on themeforest? > > multikart and pickbazar are some of the example --- Tags: [#react](https://daily.dev/tags/react), [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#nextjs](https://daily.dev/tags/nextjs), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"What and Why Next.js and TailwindCSS?","url":"https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl"},"datePublished":"2021-09-20T09:14:12.790Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Next.js is a production-ready framework for the javascript library React. Tailwind is a CSS framework that allows us to write CSS directly inside our HTML. The...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/88fb42dad236062914cf23a19b7d89ff","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/88fb42dad236062914cf23a19b7d89ff","isAccessibleForFree":true,"articleSection":"Hashnode","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Avneesh Agarwal","url":"https://daily.dev/avneesh0612","image":"https://avatars.githubusercontent.com/u/76690419?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":560}},"commentCount":10,"discussionUrl":"https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":18},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":10}],"keywords":"react,javascript,css,nextjs,tailwind-css","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":3,"name":"What and Why Next.js and TailwindCSS?"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/what-and-why-next-js-and-tailwindcss--gs1wbd8xl","comment":[{"@type":"Comment","text":"Amazing!","datePublished":"2021-09-20T09:18:38.641Z","url":"https://daily.dev/posts/gS1Wbd8xl#c--kTU0Cnmd","author":{"@type":"Person","name":"Gourav Khunger","url":"https://daily.dev/gouravkhunger","image":"https://lh3.googleusercontent.com/a-/AOh14GjVmSmdwdLJhn0scUxf6DgHfT7TOWAtqRopkVpu2Q=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"good work","datePublished":"2021-09-20T17:34:23.972Z","url":"https://daily.dev/posts/gS1Wbd8xl#c-LFj1TVYXK","author":{"@type":"Person","name":"bukenya kizza roland","url":"https://daily.dev/bkroland19","image":"https://avatars.githubusercontent.com/u/65455750?v=4"}},{"@type":"Comment","text":"but why there are not many templates nextjs with tailwind? i mean the production level template like the one sold on themeforest?\nmultikart and pickbazar are some of the example","datePublished":"2021-09-20T10:10:28.098Z","url":"https://daily.dev/posts/gS1Wbd8xl#c-xKxqTgzPs","author":{"@type":"Person","name":"Muhamad Amir","url":"https://daily.dev/amirazmi","image":"https://avatars.githubusercontent.com/u/60350614?v=4"}}]} ```