/react-next-boilerplate

:rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

Primary LanguageJavaScriptMIT LicenseMIT

react-next-boilerplate


Start your project with the NextJS in seconds
We spend time using good community practices to make your project scalable.

Build Status Test Coverage Test Coverage
🚀 A basis for reducing the configuration of your projects with Next.js, best development practices and popular libraries in the developer community.

Features

  • redux-saga: Is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, easy to test, and better at handling failures.
  • next-i18next: Is a plugin for Next.js projects that allows you to get translations up and running quickly and easily, while fully supporting SSR, multiple namespaces with code splitting, etc.
  • i18next: Is an internationalization-framework written in and for JavaScript. But it's much more than that.
  • redux: Is a predictable state container for JavaScript apps.
  • reselect: Simple “selector” library for Redux (and others) inspired by getters in NuclearJS, subscriptions in re-frame and this proposal from speedskater.
  • @testing-library/react: Simple and complete React DOM testing utilities that encourage good testing practices.
  • SEO: The advantage of this approach is the ability to create Rich User experiences in a uniform way, without compromising Search Engine Optimisation (SEO) factors, which are key to a good ranking on Google and other search engines.

Quick start

  1. Make sure that you have Node.js v8.15.1 and npm v5 or above installed.
  2. Clone this repo using git clone --depth=1 https://github.com/react-next-boilerplate/react-next-boilerplate.git <YOUR_PROJECT_NAME>
  3. Move to the appropriate directory: cd <YOUR_PROJECT_NAME>.
  4. Run npm run setup in order to install dependencies and clean the git repo.
  5. Run npm start to see the example app at http://localhost:3000.

Now you're ready to rumble!

Contributing

Thank you for being interested in contributing! We are very happy that you want to help! We have a contributing guide For that.

License

This project is licensed under the MIT license, Copyright (c) 2019 Jorge Luis Calleja Alvarado. For more information see LICENSE.md.