Next-SMRT

Next.js, Styled Components, Material-UI, Zustand (Redux replacement), Typescript

A lot of the next.js examples have some of those features but not all together. So I decided to roll them all into one boilerplate.

I use it to kickstart everything I do now. Works great in production and comes with docker batteries included.

Example TODO List App

Features

Uses

• NextJS
• React
• Typescript
• Zustand
• Immer
• Jest

Using cdn

• material-icons font
• roboto-font

Installation

git clone https://github.com/csprance/next-smrt.git

or just click the Use This Template button above.

Setup

set SEO variables

src/constants/env.ts

// for meta tag <og & twitter>
export const SITE_NAME = ''
export const SITE_TITLE = ''
export const SITE_DESCRIPTION = ''
export const SITE_IMAGE = ''

---

Environment Install Instructions

Development

Installation

yarn
yarn dev

Test

yarn test # test
yarn test:watch
yarn test:coverage # report coverage

Production

yarn
yarn build # create .next directory
yarn start # start server

Docker

Assumes traefik is running

• run docker-compose up -d --build
• Visit http://next-smrt.localhost

Check out the other docker-compose files for more uses and the Dockerfile for the image that will be built to run the app

License

UNLICENSE