Next-js-Boilerplate
eslint-plugin-tailwindcss
Next-js-Boilerplate | eslint-plugin-tailwindcss | |
---|---|---|
74 | 12 | |
7,274 | 1,291 | |
- | - | |
9.6 | 8.1 | |
4 days ago | 7 days 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.
eslint-plugin-tailwindcss
-
Tailwind CSS for frontend teams: From settings to rules
However, after a little more searching, we found this plugin, which is maintained by the community and has slightly more rules than the official plugin's class name ordering rules. Again, most of the rules support auto-correction. Here are the rules the team chose to use
-
Recommended Linters
eslint-plugin-tailwindcss - Rules enforcing best practices and consistency using Tailwind CSS.
-
Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
I'm talking about this plugin: https://github.com/francoismassart/eslint-plugin-tailwindcss that helps with ordering your classnames correctly and adds a bunch of other useful checks.
-
Downsides to using computed properties as CSS to form classes?
For one, you can't take advantage of classnames order.
- Typescript + tailwind = typewind (first impressions)
- what is your favorite way/framework to write CSS
-
Just update my Next.js Boilerplate to Next.js 13 and Tailwind CSS 3.2. Thank to Vercel team work and incremental adoption, only one breaking change.
I'm already using: https://www.npmjs.com/package/eslint-plugin-tailwindcss. So, it also sort classnames in JSX Code
-
Why I personally hate Tailwind
Ever heard of eslint-plugin-tailwindcss?
-
Streamlining your Tailwind CSS workflow with ESLint + Prettier
eslint-plugin-tailwindcss for ESLint
-
Write better, cleaner and more understandable Tailwind CSS code
So, I have found a better alternative in ESLint ecosystem: https://www.npmjs.com/package/eslint-plugin-tailwindcss
What are some alternatives?
ts-nextjs-tailwind-starter - ๐ Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
twin.macro - ๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
phaser-project-template - ๐น๏ธ Phaser 3 - Starter Template with TypeScript and webpack.
cva - Class Variance Authority
react-woocommerce - โจโจโจ An eCommerce template using TailWindCSS and NextJS Incremental Static Regeneration with WooCommerce's WooGraphQL and WP Headless CMS in the backend
kutty - Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI ๐งช
Tailwind CSS - A utility-first CSS framework for rapid UI development.
prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
next-pwa-contentlayer - Next.js PWA App with `next-i18next` and `Contentlayer`.
material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.