Rapid Prototyping

Getting Started

You must have Node.js and npm (installed with Node.js) and optionally yarn installed on your machine.

Install dependencies:

npm install or yarn install

Run the development server:

npm run dev or yarn dev

Point your web browser to http://localhost:3000

Add your markdown text and code in pages/scratch.md

The output rebuilds and refreshes the browser automatically as you make changes.

Run npm run build or yarn build to generate static output in the out directory. You can upload this directory to your host.

I use Now. Other options include Netlify, GitHub Pages and Surge.

Next.js is static and server-side application framework for React.

Using styled-components with Next.js shows how to configure babel correctly so you do not get checksum mismatches due to different class generation on the client and on the server.
Theme Provider this works in Next.js 6.
styled-system and
system-components work fine.