wokalski / nextjs-default

Opinionated Boilerplate for NextJS, Tailwind and Reason

NextJS Default Template

This is a NextJS based template with following setup:

• Full Tailwind config & basic css scaffold (+ production setup w/ purge-css & cssnano)
• Reason + ReasonReact
• Basic Reason Bindings for Next
• Preconfigured Dependencies: reason-react, bs-fetch, @glennsl/bs-json

How to remove unneeded Reason bindings

npm rm @glennsl/bs-json --save
npm rm bs-fetch --save

After removing the dependency, make sure to update your bsconfig.js dependencies as well.

Development

Run BuckleScript in dev mode:

npm run bs:start

In another tab, run the Next dev server:

npm run dev

Useful commands

Build CSS seperately via postcss (useful for debugging)

# Devmode
postcss styles/main.css -o test.css

# Production
NODE_ENV=production postcss styles/main.css -o test.css

Test production setup with Next

# Make sure to uncomment the `target` attribute in `now.json` first, before you run this:
npm run build
PORT=3001 npm start