https://github.com/ephraimduncan/react-bolt-tailwind

React + Tailwind CSS Boilerplate
https://github.com/ephraimduncan/react-bolt-tailwind

autoprefixer boilerplate-template css postcss react react-router react-tailwind-starter react-tailwindcss reactjs sass tailwind-css tailwindcss template

Last synced: 20 days ago
JSON representation

React + Tailwind CSS Boilerplate

• Host: GitHub
• URL: https://github.com/ephraimduncan/react-bolt-tailwind
• Owner: ephraimduncan
• Created: 2020-07-19T22:44:09.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-10-06T20:14:28.000Z (about 3 years ago)
• Last Synced: 2024-10-04T22:18:15.604Z (about 1 month ago)
• Topics: autoprefixer, boilerplate-template, css, postcss, react, react-router, react-tailwind-starter, react-tailwindcss, reactjs, sass, tailwind-css, tailwindcss, template
• Language: CSS
• Homepage:
• Size: 1.87 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





  







React Bolt Lite + Tailwind



The best boilerplate for your React projects.




  

    

  

  

    

  





## Introduction

This boilerplate contains all you need to start your next React.js project. Simple, robust, well-organized, all you need to do is clone, install and you're ready to start.

This is a lite version of a larger project [here](https://github.com/dephraiim/react-bolt-lite.git)

Without Tailwind [Here](https://github.com/leonardomso/react-bolt)

There is an article for anyone who wants to learn how to build this boilerplate, if you want to learn just click [here](https://medium.freecodecamp.org/a-complete-react-boilerplate-tutorial-from-zero-to-hero-20023e086c4a).

## Features

This boilerplate features all the latest tools and practices in the industry.

- ⚛ **React** — 16.12.0 with Hooks

- 🛠 **Babel** — ES6 syntax, Airbnb & React/Recommended config

- 🚀 **Webpack** — Hot Reloading, Code Splitting, Optimized Build

- 💅 **CSS** — CSS, Sass, **Tailwind, PostCSS with Autoprefixer**

- 💖 **Lint** — ESlint

For more features, click [here](https://github.com/leonardomso/react-bolt)

## Getting started

1. Clone this repo using `https://github.com/dephraiim/react-bolt-tailwind.git`

2. Move to the appropriate directory: `cd react-bolt-lite`.


3. Run `yarn` or `npm install` to install dependencies.


4. Run `npm start` to see the example app at `http://localhost:8080`.

## Commands

- `npm start` - start the dev server

- `npm run build` - create a production ready build in `dist` folder

- `npm run lint` - execute an eslint check

- `npm run lint:fix` - execute an eslint and fix the errors

- `npm run build:css` - build the tailwind css for production

- `npm run watch:css` - watch for the compiling tailwind css with autoprefixes

## Next features:

- [x] **Hot Module Replacement**: Better HMR support;

- [x] **CSS/Sass support**: Enable CSS/Sass support;

- [ ] **PWA**: Turn into a PWA boilerplate;

- [ ] **SEO**: SEO-ready;

## License

MIT license, Copyright (c) 2020 Ephraim Atta-Duncan