/nextjs-ghost-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 Quality Spectrum MIT Contributors
🚀 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: 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: 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: An internationalization-framework written in and for JavaScript. But it's much more than that.
  • redux: 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 advantages of this approach is to be able to create Rich User experiences in a uniform way, without compromising Search Engine Optimisation (SEO) factors that are key to good ranking on Google and other search engines.
  • Typefaces: Self-hosting is significantly faster. Loading a typeface from Google Fonts or other hosted font service adds an extra (blocking) network request.
  • Emotion: A library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities.

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!

Demo

Contributing

Thank you for your interest in contributing; we are delighted you want to help out. We have a contributing guide to help you get started.

License

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