diff --git a/packages/create/src/frameworks/react/project/base/src/routes/__root.tsx.ejs b/packages/create/src/frameworks/react/project/base/src/routes/__root.tsx.ejs
index 22abf72c..bc36756e 100644
--- a/packages/create/src/frameworks/react/project/base/src/routes/__root.tsx.ejs
+++ b/packages/create/src/frameworks/react/project/base/src/routes/__root.tsx.ejs
@@ -2,6 +2,8 @@
 import { Outlet, createRootRoute } from '@tanstack/react-router'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
 import { TanStackDevtools } from '@tanstack/react-devtools'
+import Footer from '../components/Footer'
+import Header from '../components/Header'
 
 import '../styles.css'
 
@@ -12,7 +14,9 @@ export const Route = createRootRoute({
 function RootComponent() {
   return (
     <>
+      <Header />
       <Outlet />
+      <Footer />
       <TanStackDevtools
         config={{
           position: 'bottom-right',