See it running at https://rapid.jsx.nz/
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.
- Markdown
- MDX is a fully-featured MDX parser, loader and JSX renderer.
- Next Plugins
- With styled-components
- With unstated