Git Product home page Git Product logo

gustavomorinaga / reactsetup Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 1.0 2.65 MB

A super template for React with Next.js and other incredible tools

Home Page: https://reactsetup-sigma.vercel.app

JavaScript 19.18% SCSS 27.92% TypeScript 52.07% Shell 0.83%
template-project nextjs sass react swr axios eslint vercel tailwindcss framer-motion react-icons reactjs typescript commitlint husky lint-staged pwa seo

reactsetup's Introduction

Next.js Template

A super template for React with Next.js and other incredible tools


๐Ÿš€ Demo

โ” About

This is a complete template all you need for your next react projects, with all the Best Practices of JAMStack. Customize and enjoy!

๐ŸŒŸ Features

This app features all the latest tools and good practices in web development!

  • โš›๏ธ Next.js โ€“ A complete React framework for hybrid and server rendering
  • โ‡๏ธ SWR โ€“ A React Hooks library for data fetching
  • ๐Ÿ”„ Axios โ€“ Promise based HTTP client for the browser and Node.js
  • ๐ŸŽž๏ธ Framer Motion โ€“ A production-ready motion library for React
  • ๐Ÿ‘“ Sass โ€“ A powerful and professional CSS extension language
  • โœจ React Icons โ€“ A collection of popular icons to React projects
  • ๐ŸŽจ Tailwind CSS โ€“ A utility-first CSS framework packed with classes
  • ๐Ÿบ Husky โ€“ Modern native Git hooks made easy
  • ๐Ÿ’ฉ lint-staged โ€“ Run linters against staged git files and don't let ๐Ÿ’ฉ slip into your code base
  • ๐Ÿ““ commitlint โ€“ Helps your team adhering to a commit convention
  • ๐Ÿ“ฑ next-pwa โ€“ A PWA plugin for Next.js
  • ๐Ÿ“ˆ next-seo โ€“ A plugin that makes managing your SEO easier in Next.js projects

โ–ถ๏ธ Get Started

  1. Click on Use this template button beside the Code button
  2. Configure your new project with a name and other options
  3. Clone this generated repository to your local machine
  4. Move yourself to the project using cd reactsetup
  5. Create a new file .env.local and add line API_BASE_URL="http://api.github.com"
  6. Run yarn to install all dependencies
  7. Run yarn start or yarn dev

๐Ÿ‘จโ€๐Ÿ’ป Good Hacking!

โค๏ธ Thanks for your attention!

reactsetup's People

Contributors

gustavomorinaga avatar dependabot[bot] avatar

Stargazers

Roman avatar  avatar Ian Patrick avatar Wyatt Sell avatar Gustavo Morinaga avatar

Watchers

 avatar  avatar

Forkers

iuriimattos2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.