Start your next Next.JS project in seconds

A highly scalable and the best DX and a focus on performance and best practices

_{Created by Ankit khadria and maintained with ❤️ by an amazing team of developers.}

Features

Instant feedback

Enjoy the best DX (Developer eXperience) and code your app at the speed of thought! Your saved changes to the CSS and JS are reflected instantaneously without refreshing the page. Preserve application state even when you update something in the underlying code!

Material Desigin

Styling with styled-components and material design UI

Predictable state management

State management with redux, react-redux, and next-redux-wrapper

Next generation JavaScript

Use template strings, object destructuring, arrow functions, JSX syntax and more.

Next generation CSS

Write composable CSS that's co-located with your components for complete modularity. Unique generated class names keep the specificity low while eliminating style clashes. Ship only the styles that are on the page for the best performance.

Industry-standard routing

It's natural to want to add pages (e.g. `/about`) to your application, and routing makes this possible.

SEO

We support SEO (document head tags management)

But wait... there's more!

_{Keywords: Next.js, Redux, Hot Reloading, ESNext, Babel, next-router, styled-components, redux-thunk, FontFaceObserver}

Quick start

1. Make sure that you have Node.js v10.20.1 and npm v5 or above installed.
2. Clone this repo using git clone --depth=1 https://github.com/clevergrowth/nextjs-mui-redux-starter.git <YOUR_PROJECT_NAME>
3. Move to the appropriate directory: cd <YOUR_PROJECT_NAME>.
   
4. Run yarn install in order to install dependencies and clean the git repo.
   At this point you can run yarn dev to see the example app at http://localhost:3000.