Skip to content

Next.js app router for tanstack router #151

@VienDinhCom

Description

@VienDinhCom
import tailwindcss from "@tailwindcss/vite";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

// https://vitejs.dev/config/
export default defineConfig({
  server: { port: 3000 },
  plugins: [
    tanstackRouter({
      target: "react",
      autoCodeSplitting: true,
      indexToken: "page",
      routeToken: "layout",
      routeFileIgnorePattern: "^(.*/)?(?!(page\\.tsx|layout\\.tsx|__root\\.tsx)$)[^/]+\\.tsx$",
    }),
    viteReact(),
    tailwindcss(),
    tsconfigPaths(),
  ],
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions