thirdrail-core

SPA-first routing and app orchestration for React Router, Vite, and Hono.

Install

npm install thirdrail-core

App setup

Create thirdrail.config.ts:

import { defineThirdrailConfig } from 'thirdrail-core/config'

export default defineThirdrailConfig({
  publicPort: 5173,
  routerPort: 4173,
})

Create react-router.config.ts:

import { createThirdrailReactRouterConfig } from 'thirdrail-core/react-router'
import prerenderPaths from './.thirdrail/generated-prerender.ts'
import thirdrailConfig from './thirdrail.config'

export default createThirdrailReactRouterConfig(thirdrailConfig, prerenderPaths)

Create vite.config.ts:

import tailwindcss from '@tailwindcss/vite'
import { defineThirdrailViteConfig } from 'thirdrail-core/vite'
import thirdrailConfig from './thirdrail.config'

export default defineThirdrailViteConfig(thirdrailConfig, {
  plugins: [tailwindcss()],
})

Use the generated route config:

export { default } from '../.thirdrail/generated-routes.ts'

Scripts:

{
  "scripts": {
    "dev": "thirdrail dev",
    "build": "thirdrail build",
    "preview": "thirdrail preview",
    "start": "thirdrail serve"
  }
}