Next-Plate

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



Validated HTML5
Powered by Coffee
Made with TypeScript

Code-2022-20-22-38-1

❔ 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!

Framework

  • ⚛️ Next.js – A complete React framework for hybrid and server rendering

Data

  • ❇️ SWR – A React Hooks library for data fetching
  • 🔄 Axios – Promise based HTTP client for the browser and Node.js

Design System and Styles

  • 🎨 Chakra-UI – a simple, modular and accessible component library that gives you the building blocks to build your React applications
  • 🎞️ Framer Motion – A production-ready motion library for React
  • React Icons – A collection of popular icons to React projects
  • 👓 Sass – A powerful and professional CSS extension language

Form Validations

  • 📃 Formik – the world’s most popular open source form library for React and React Native
  • 🚨 Yup – a schema builder for runtime value parsing and validation

Project Code Helpers

  • 🐺 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

Additional Plugins

  • 📱 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. Run yarn install to install all dependencies
  6. Run yarn build and yarn start to start production build, or yarn dev to start developing

👨‍💻 Good Hacking!

❤️ Thanks for your attention!