DEPRECATION NOTICE

This template is no longer up to date. For an updated template, either as a team or individually, we encourage you to explore our latest template produced by INTDEV. Thank you for your interest in our work!

next-express-emotion

My boilerplate for creating a SSR ready web application with a server.

Primary dependencies

• NextJS + Express Server
• Emotion CSS-in-JS

Jimmy, why on earth would I use this?

• You love server side rendering.
• You don't need a database, see next-postgres if you do.
• You like my front-end code and want to see my technical choices in one place.
• You need meta tag recommendations for SEO.
• You need something you can extend because you write your own custom components and styles.

Okay, why CSS-in-JS?

• We use css as a prop so it still feels like writing Vanilla CSS.
• Auto-prefixing support, unless it is a quirk like hiding scrollbars on Firefox.
• O(1) class name lookup like Tachyons, except each class gets an unique string generated and you don't have to memorize their names.

Why not [insert another option]?

If you are sincere and researched, I am happy to have a conversation. Please file an issue.

Setup

Make sure NodeJS 10+ is installed. Then run:

npm install
npm run dev

Now view localhost:8080 in your browser.

Deploy To Production

I use these services for all of my work:

• Render
• Fleek
• Vercel
• Heroku

Then on the service you can run:

npm run build
npm run start

Scripts

If you need to run node script without running the server, use this example to get started

npm run script example

Questions?

Twitter: @wwwjim.