Skip to content

Latest commit

 

History

History
50 lines (31 loc) · 1.38 KB

README.md

File metadata and controls

50 lines (31 loc) · 1.38 KB

Remix CUBE

npx create-remix@latest --template markuslewin/remix-cube

A template for building React websites using the Remix framework and the CUBE methodology.

Heavily influenced by "Build Excellent Websites" (talk, source code) and the Remix Docs.

Resources

Development

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Adding assets

Fonts

Fonts are imported in styles/global/fonts.css. The PostCSS build step is responsible for copying the font files into public and rebasing the url declarations of the bundled output.

Example:

  1. npm i @fontsource/inter
  2. In styles/global/fonts.css, @import "@fontsource/inter/variable-full.css";

SVGs as components

SVG files added to the svgs folder will be converted in the build step and stored as React components inside app/svgs.

Deployment

With Netlify CLI:

  1. npm install netlify-cli --global
  2. netlify init
  3. npm run build
  4. netlify deploy
  5. netlify deploy --prod