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.

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

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

Fast Refresh

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

Emotion CSS

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

Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

File-system Routing

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

Customizable

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

Open Source Projects

A design system to build the web.

Create optimized static websites.

Automate your WordPress development workflow.

Responsive email template generator.

Follow the creator

Join the community