gustavomorinaga / reactsetup

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

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

About

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

https://reactsetup-sigma.vercel.app


Languages

Language:TypeScript 52.1%Language:SCSS 27.9%Language:JavaScript 19.2%Language:Shell 0.8%