diff --git a/.changeset/slow-squids-attend.md b/.changeset/slow-squids-attend.md
new file mode 100644
index 0000000..bb4db7e
--- /dev/null
+++ b/.changeset/slow-squids-attend.md
@@ -0,0 +1,5 @@
+---
+"create-better-t-stack": patch
+---
+
+add composite in server for references
diff --git a/apps/cli/templates/backend/server/next/tsconfig.json b/apps/cli/templates/backend/server/next/tsconfig.json.hbs
similarity index 86%
rename from apps/cli/templates/backend/server/next/tsconfig.json
rename to apps/cli/templates/backend/server/next/tsconfig.json.hbs
index c133409..bf33447 100644
--- a/apps/cli/templates/backend/server/next/tsconfig.json
+++ b/apps/cli/templates/backend/server/next/tsconfig.json.hbs
@@ -18,6 +18,9 @@
         "name": "next"
       }
     ],
+    {#unless (or (eq backend "convex") (eq backend "none"))}}
+	  "composite": true,
+		{{/unless}}
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/apps/cli/templates/backend/server/server-base/tsconfig.json.hbs b/apps/cli/templates/backend/server/server-base/tsconfig.json.hbs
index 91a6d10..3ce9762 100644
--- a/apps/cli/templates/backend/server/server-base/tsconfig.json.hbs
+++ b/apps/cli/templates/backend/server/server-base/tsconfig.json.hbs
@@ -20,6 +20,9 @@
         "node", "bun"
       {{/if}}
     ],
+  	{{#unless (or (eq backend "convex") (eq backend "none"))}}
+	  "composite": true,
+		{{/unless}}
 		"jsx": "react-jsx"{{#if (eq backend 'hono')}},
 		"jsxImportSource": "hono/jsx"{{/if}}
 	},
diff --git a/apps/cli/templates/frontend/native/nativewind/app/(drawer)/_layout.tsx.hbs b/apps/cli/templates/frontend/native/nativewind/app/(drawer)/_layout.tsx.hbs
index ca5f6c9..176a46b 100644
--- a/apps/cli/templates/frontend/native/nativewind/app/(drawer)/_layout.tsx.hbs
+++ b/apps/cli/templates/frontend/native/nativewind/app/(drawer)/_layout.tsx.hbs
@@ -9,7 +9,7 @@ const DrawerLayout = () => {
     <Drawer>
       <Drawer.Screen
         name="index"
-        options={{
+        options=\{{
           headerTitle: "Home",
           drawerLabel: "Home",
           drawerIcon: ({ size, color }) => (
@@ -20,7 +20,7 @@ const DrawerLayout = () => {
       {{#if (includes examples "todo")}}
       <Drawer.Screen
         name="todos"
-        options={{
+        options=\{{
           headerTitle: "Todos",
           drawerLabel: "Todos",
           drawerIcon: ({ size, color }) => (
@@ -31,7 +31,7 @@ const DrawerLayout = () => {
       {{/if}}
       <Drawer.Screen
         name="(tabs)"
-        options={{
+        options=\{{
           headerTitle: "Tabs",
           drawerLabel: "Tabs",
           drawerIcon: ({ size, color }) => (