SolidStart Routing — SolidJS

SolidStart adalah meta-framework untuk Solid — seperti Next.js untuk React. File-based Routing src/routes/ ├── index.tsx → / ├── about.tsx → /about ├── blog/ │

SolidStart adalah meta-framework untuk Solid — seperti Next.js untuk React.

File-based Routing

src/routes/
├── index.tsx        → /
├── about.tsx        → /about
├── blog/
│   ├── index.tsx    → /blog
│   └── [slug].tsx   → /blog/:slug
└── [...404].tsx     → catch-all 404

Link Navigation

import { A } from "@solidjs/router"

function Nav() {
  return (
    <nav>
      <A href="/">Home</A>
      <A href="/about">About</A>
    </nav>
  )
}

Layout

// src/app.tsx
export default function App() {
  return (
    <Nav />
    <Suspense>
      <FileRoutes />
    </Suspense>
  )
}

Yang akan kamu pelajari