Next-js-Boilerplate
tailwindcss-jit
Our great sponsors
Next-js-Boilerplate | tailwindcss-jit | |
---|---|---|
74 | 12 | |
7,203 | 2,241 | |
- | - | |
9.6 | 9.0 | |
11 days ago | about 3 years ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Next-js-Boilerplate
-
NextJs 14 Auth Starter Project?
I've built a starter in Nextjs 14 with auth: https://github.com/ixartz/Next-js-Boilerplate
-
After 3 years, Next.js Boilerplate has reached 5000+ ⭐ stars on GitHub built with Next.js 14 + TypeScript + Tailwind CSS. It includes Authentication, Database & ORM, Forms, SEO, Testing, CI/CD, One-Click deployment, and more
After 3 years of maintaining Next.js Boilerplate, my free and open source Next.js Boilerplate has finally reached more than 5000+ ⭐ stars on GitHub. During these 3 years, I have received countless feedback and contribution to improve the boilerplate. I'm extremely happy, now the template includes:
- The Next.js Starter: Auth, Database, Form, E2E Typesafe, CI/CD, Testing
-
Just hit 4000+ ⭐ stars on GitHub for my Next.js Starter
🌟 Next.js Boilerplate GitHub Repository: Next.js Boilerplate
-
Just hit 4000+ ⭐ stars on GitHub for my React Starter
I am thrilled to announce that Next.js Boilerplate has recently crossed a significant milestone on GitHub. We've reached an impressive 4000 stars! 🚀🎉
-
I made a Free and Open Source React Native Starter Template built with Expo + NativeWind + ESLint + Prettier + Husky + Lint-Staged + Jest + Detox + VSCode
For your information, I'm also the author of Next.js Boilerplate, soon reaching 4000 ⭐ on GitHub. And, I hope the React Native Boilerplate can also reached the same number of stars 😀
- Just add Storybook v7 to Next.js Boilerplate and update to Next.js 13.3 with TypeScript + Tailwind CSS + ESLint + Prettier + Jest + Cypress + GitHub Actions + Next-sitemap + Bundler Analyzer
-
Next.js 13.3
Thank you Vercel team, it works perfectly! Just updated my Next.js Boilerpalte to version 13.3 without any issue: https://github.com/ixartz/Next-js-Boilerplate
-
Just add Storybook v7 into my React Boilerplate built with Next.js + TypeScript + Tailwind CSS + ESLint + Prettier + Jest + Cypress
I suppose yes: https://github.com/ixartz/Next-js-Boilerplate/issues/10, several people asked me about integrating storybook
-
I just updated my Starter Template to Tailwind 3.3 built with Next.js + TypeScript + ESLint + Prettier + Jest + Cypress
You can find the repository on GitHub at ixartz/Next-js-Boilerplate or you can also check the live demo of Next.js Boilerplate.
tailwindcss-jit
-
How can I use CSS variables in arbitrary values?
I found this GitHub issue where someone wants to use CSS variables for padding, like so: p-[var(--app-padding)]
-
Any opinion about the new Rails 7 frontend assets management ?
Just cruised the JIT docs & code on GitHub (merged into main branch).
-
Ask HN: What novel tools are you using to write web sites/apps?
> add non-default variations (mostly different heights/widths than what it ships with).
Check out https://github.com/tailwindlabs/tailwindcss-jit. It got released 3 weeks ago, and supports variable variables in width and height now.
-
Why Tailwind’s Just-In-Time mode is a game-changer and how to use it right now
About two weeks ago, Adam Wathan announced a new Tailwind experiment: Just-In-Time. In this article, I'll tell you what it's all about, and how you can take advantage of it.
-
React Storybook Environment with TailwindCSS
In the latest Storybook update, we finally got support for PostCSS 8. So, to celebrate this occasion, I've put together a React Storybook environment that includes everyone's favourite utility-first CSS framework: TailwindCSS. The environment also utilizes the TailwindCSS JIT compiler & Webpack 5 to bring the build times as close to instant as possible. And to top it off, the repo includes a simple GitHub action that deploys the Storybook to GitHub pages every time something is pushed.
-
NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source]
Tailwind CSS 2.0 with the Just-in-time version
-
Latest & Greatest Combo
It’s not a setup issue. The JIT works differently: there’s no “purging”. And the issue I described is a known problem: https://github.com/tailwindlabs/tailwindcss-jit/issues/71
- An experimental just-in-time compiler for Tailwind CSS
-
Just-In-Time: The Next Generation of Tailwind CSS – Tailwind CSS
Sidestepping the broader conversation, this "JIT tool" is apparently a postcss plugin, which means you have to spawn postcss process (e.g. at every save events or have build tool do the same).
-
Speed up Next.js build with Typescript and Tailwind CSS
Enter @tailwindcss/jit, a drop-in replacement (though not with 100% feature parity yet) that collects the classes used by your files and only generates the requested classes.
What are some alternatives?
ts-nextjs-tailwind-starter - 🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
storybook-tailwind - Storybook with Tailwind 2 JIT and PostCSS 8
phaser-project-template - 🕹️ Phaser 3 - Starter Template with TypeScript and webpack.
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
react-woocommerce - ✨✨✨ An eCommerce template using TailWindCSS and NextJS Incremental Static Regeneration with WooCommerce's WooGraphQL and WP Headless CMS in the backend
tailwindcss-rtl - Enabling bidirectional support on tailwindcss framework
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
PostCSS - Transforming styles with JS plugins
Tailwind CSS - A utility-first CSS framework for rapid UI development.
nx - Smart Monorepos · Fast CI
next-pwa-contentlayer - Next.js PWA App with `next-i18next` and `Contentlayer`.
purgecss - Remove unused CSS