/render

Opinionated React Template

Primary LanguageTypeScriptMIT LicenseMIT


Render · Opinionated React Template

Opinionated React Template


Render

Opinionated React template setup with modern tooling, here some recommendations if needed

Stack

Features

File based routing

  • Vite powered
  • Next.js inspired
  • Extensions .tsx
  • Custom app component at src/pages/_app.tsx
  • Index routes src/pages/index.tsx to /
  • Nested routes src/pages/nested/within.tsx to /nested/within
  • Dynamic routes src/pages/dynamic/[timestamp].tsx to /dynamic/:timestamp
  • Catch all routes src/pages/catch/[...all].tsx to /catch/*
  • None matching routes src/pages/404.tsx
  • Optional page scope

Hooks

Pre-rendering

  • Script npm run export
  • Static HTML generated at build/static/dist

Usage

By generating from this template then/or cloning locally

Commands

# install dependencies
npm install

# start development server · http://localhost:3000
npm run dev

# build client for production
npm run build

# start production preview · http://localhost:5000
npm run start

Recommendations

Frameworks

Languages

Components

Build tools

Server state

Data fetching

Global state

Animation

License

MIT