• DocumentationDocs

React apps using Next.js and Emotion.

Nextify is a simple boilerplate for React apps with Next.js and Emotion. Next.js gives you the best developer experience with all the features you need for production. Emotion is a high performance, lightweight css-in-js library.

Get Started
Nextify home page illustration
// Step 1: Create a directory for the new React app and from there
// initialize Nextify to generate the file structure *
$ npx create-nextify-app

// Step 2: Run development environment
$ npm run dev

// Step 3: Build production files
$ npm run build

🚀

// * Nextify requires Node v12+.

Features

Zero Config
Zero Config

Automatic compilation and bundling. Optimized for production from the start.

Fast Refresh
Fast Refresh

Fast, reliable live-editing experience, as proven at Facebook scale.

Emotion CSS
Emotion CSS

CSS-in-JS library designed for high performance style composition.

Code-splitting and Bundling
Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

File-system Routing
File-system Routing

Every component in the `pages` directory becomes a route.

Customizable
Customizable

Flexible build customization, Nextify is just a custom Next.js setup.


Open Source Projects

Get Started

Follow the creator

Join the community