๐ React Boilerplate with TypeScript and Tailwind CSS for 2021
source link: https://dev.to/ixartz/react-boilerplate-with-typescript-and-tailwind-css-for-2021-k53
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
๐ React Boilerplate with TypeScript and Tailwind CSS for 2021
Aug 13
ใป1 min read
Recently, I've built several projects in React with Next JS. For each projects, I was setting up the same dependencies again and again. So, I thought it could be great a boilerplate for 2021 and share it to the community.
Built with developer-first in mind with tools to improve productivity like ESLint linter, Prettier code formatter and VSCode configuration. Built for 2021 with Next JS and Tailwind CSS. Finally, build for production with one-click deployment and with SEO-ready.
You can check a live demo at this url : React Boilerplate with TypeScript and Tailwind CSS
You can also check the source code on GitHub: React Boilerplate GitHub
Already more than 400+ โญ stars on Github...
ixartz
/
Next-js-Boilerplate
๐ Boilerplate and Starter for Next.js 11+, Tailwind CSS 2.0 and TypeScript โก๏ธ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Boilerplate and Starter for Next JS 11+, Tailwind CSS 2.0 and TypeScript
๐ Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript โก๏ธ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.
Clone this project and use it to create your own Next.js project. You can check a Next js templates demo.
Features
Developer experience first:
- ๐ฅNext.js for Static Site Generator
- ๐จ Integrate with Tailwind CSS (w/ JIT mode)
-
๐
PostCSS for processing Tailwind CSS and integrated to
styled-jsx - ๐ Type checking TypeScript
- โ Strict Mode for TypeScript and React 17
- โ๏ธ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration)
- ๐ Code Formatter with Prettier
- ๐ฆ Husky for Git Hooks
- ๐ซ Lint-staged for running linters on Git staged files
- ๐ VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript
- ๐ค SEO metadata, JSON-LD andโฆ
Here is the features:
๐ฅ Instant feedback with Next JS
๐ Routing with Next JS
๐ Styled with Tailwind CSS
โ๏ธ Linter with ESLint and Code formatter with Prettier
๐ Type checking with Typescript
โ One-click deploy on Vercel or Netlify
๐ค SEO friendly
๐ Production-ready
ixartz
/
Next-js-Boilerplate
๐ Boilerplate and Starter for Next.js 11+, Tailwind CSS 2.0 and TypeScript โก๏ธ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Boilerplate and Starter for Next JS 11+, Tailwind CSS 2.0 and TypeScript
๐ Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript โก๏ธ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.
Clone this project and use it to create your own Next.js project. You can check a Next js templates demo.
Features
Developer experience first:
- ๐ฅNext.js for Static Site Generator
- ๐จ Integrate with Tailwind CSS (w/ JIT mode)
-
๐
PostCSS for processing Tailwind CSS and integrated to
styled-jsx - ๐ Type checking TypeScript
- โ Strict Mode for TypeScript and React 17
- โ๏ธ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration)
- ๐ Code Formatter with Prettier
- ๐ฆ Husky for Git Hooks
- ๐ซ Lint-staged for running linters on Git staged files
- ๐ VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript
- ๐ค SEO metadata, JSON-LD andโฆ
Recommend
-
42
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
-
50
Node - Koa - Typescript Project The main purpose of this repository is to build a good project setup and workflow for writing a Node api rest in TypeScript using KOA and an SQL DB. Koa is a new web fra...
-
65
README.md Boilerplate App for SaaS Product Open source web app that saves you weeks of work when building your own SaaS product. The boiler...
-
7
react-native-boilerplate-typescript Simple React-Native boilerplate code in Typescript for getting started with a new project quickly. It has all the essentials that one would require in a project. Description The boi...
-
14
-
10
Introduction TailPress is a minimal boilerplate theme for WordPress using Tailwind CSS. Getting started Using the installer You can get started using the installer (usin...
-
16
Accessible Modals with React, TypeScript, and TailwindA dive into portals, hooks, and focus management while creating a simple, accessible modal window.Why a modal? Modals tend to be unne...
-
6
React Native TypeScript Starter with Flavors โค๏ธ A React Native boilerplate project using Typescript and React Navigation. Run Locally Clone the project git clone https://github.com/girish54321/react-n...
-
10
-
7
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK