React Example: Start
Github StackBlitz CodeSandbox

tsx

import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
import Devtools from '../components/devtools'
import Header from '../components/Header'
import appCss from '../styles.css?url'

export const Route = createRootRoute({
  head: () => ({
    meta: [
      {
        charSet: 'utf-8',
      },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1',
      },
      {
        title: 'TanStack Start Starter',
      },
    ],
    links: [
      {
        rel: 'stylesheet',
        href: appCss,
      },
    ],
  }),

  shellComponent: RootDocument,
})

function RootDocument({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <HeadContent />
      </head>
      <body>
        <Header />
        {children}

        <Scripts />
        <Devtools />
      </body>
    </html>
  )
}

import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
import Devtools from '../components/devtools'
import Header from '../components/Header'
import appCss from '../styles.css?url'

export const Route = createRootRoute({
  head: () => ({
    meta: [
      {
        charSet: 'utf-8',
      },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1',
      },
      {
        title: 'TanStack Start Starter',
      },
    ],
    links: [
      {
        rel: 'stylesheet',
        href: appCss,
      },
    ],
  }),

  shellComponent: RootDocument,
})

function RootDocument({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <HeadContent />
      </head>
      <body>
        <Header />
        {children}

        <Scripts />
        <Devtools />
      </body>
    </html>
  )
}

Basic

Custom devtools

Our Partners

Wow, it looks like you could be our first partner for this library! Chat with us!

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

React Example: Start Github StackBlitz CodeSandbox

Subscribe to Bytes

Subscribe to Bytes

React Example: Start
Github StackBlitz CodeSandbox