Next Redux Typescript Starter

Next Redux Typescript Starter is an open-source boilerplate that produces a server-side-rendered React application using Next.js, TypeScript, Redux, emotion, and Jest, ready to deploy through ZEIT Now.

What is Next Redux Typescript Starter?

Next Redux Typescript Starter is a GitHub boilerplate by locol23 that combines Next.js server-side rendering with TypeScript, Redux, emotion, and Jest. It takes a fresh React project and gives you a configured SSR setup with state management, styling, and test tooling, plus a deployment path through now. The repository description also mentions Recompose and styled-components, though the README's library list names emotion as the styling solution.

Key Features

• Next.js server-side rendering — Next.js handles SSR out of the box; the development server runs with yarn dev and production output deploys via yarn deploy.
• TypeScript integration — The project is written in TypeScript, giving typed React components and Redux state.
• Redux state management — Redux is preconfigured for global application state, ready for actions, reducers, and store setup.
• emotion styling — The README includes emotion in its library list for CSS-in-JS styling; the repository description also mentions styled-components, so the exact styling package may vary by version.
• Jest testing — Jest is included in the dependency list for unit and component testing.
• ZEIT Now deployment — The now library is listed, and yarn deploy triggers deployment to ZEIT Now (now Vercel).
• Yarn-based workflow — Setup uses yarn after cloning, with three commands: yarn dev for development and yarn deploy for production.

Who is it for?

• React developers starting a new project who want SSR preconfigured without assembling Next.js, TypeScript, and Redux themselves.
• Teams building production React apps that need server rendering for performance and SEO, with Redux for state and Jest for tests.
• Developers who like CSS-in-JS and want a starter that wires emotion (or styled-components, per the repo description) into the SSR pipeline.

What can you do with Next Redux Typescript Starter?

• Create a new SSR app quickly: Clone the repo, run yarn, then yarn dev to get a server-rendered Next.js app with TypeScript, Redux, and emotion on localhost.
• Deploy to ZEIT Now instantly: Use yarn deploy to push the production build to ZEIT Now's platform without extra configuration.
• Learn an integrated stack: Study how Next.js, Redux, and TypeScript are wired together in a small, readable boilerplate with test coverage via Jest.

How does Next Redux Typescript Starter work?

The workflow is command-line based. After cloning the repository, you install dependencies with yarn, then start the development server with yarn dev. For production, run yarn deploy to build and deploy the SSR application through now.

Pricing

Next Redux Typescript Starter is free and open source, released under the MIT license as shown by the license badge on the repository.

Alternatives

• create-next-app — the official Next.js scaffolding tool that gives you a minimal Next.js setup without Redux, TypeScript, or emotion preconfigured, useful when you want to add those yourself.

FAQ

Is Next Redux Typescript Starter free?

Yes, it is free and open source under the MIT license, so you can use, modify, and distribute it in commercial projects.

What stack does this boilerplate use?

The README lists Next.js, React, Redux, emotion, Jest, TypeScript, and now. The repository description additionally mentions Recompose and styled-components.

How do I run the development server?

After cloning and running yarn to install dependencies, use yarn dev to start the development environment.

How do I deploy the application?

Run yarn deploy, which uses the now library to build and deploy the Next.js app to ZEIT Now (now Vercel).

Does the boilerplate include tests?

Yes, Jest is listed among the libraries, so the starter includes test tooling for unit and component testing.