diff --git a/app/auth/callback/route.ts b/app/auth/callback/route.ts
index b3877c6..58e15fe 100644
--- a/app/auth/callback/route.ts
+++ b/app/auth/callback/route.ts
@@ -1,4 +1,4 @@
-import { createClient } from "@/utils/supabase/server";
+import { createClient } from "~/utils/supabase/server";
 import { NextResponse } from "next/server";
 
 export async function GET(request: Request) {
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 7358f05..f6ed47a 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { headers } from "next/headers";
-import { createClient } from "@/utils/supabase/server";
+import { createClient } from "~/utils/supabase/server";
 import { redirect } from "next/navigation";
 import { SubmitButton } from "./submit-button";
 
diff --git a/app/page.tsx b/app/page.tsx
index 1881cc1..c61a010 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,9 +1,9 @@
 import DeployButton from "../components/DeployButton";
 import AuthButton from "../components/AuthButton";
-import { createClient } from "@/utils/supabase/server";
-import ConnectSupabaseSteps from "@/components/tutorial/ConnectSupabaseSteps";
-import SignUpUserSteps from "@/components/tutorial/SignUpUserSteps";
-import Header from "@/components/Header";
+import { createClient } from "~/utils/supabase/server";
+import ConnectSupabaseSteps from "~/components/tutorial/ConnectSupabaseSteps";
+import SignUpUserSteps from "~/components/tutorial/SignUpUserSteps";
+import Header from "~/components/Header";
 
 export default async function Index() {
   const canInitSupabaseClient = () => {
diff --git a/app/protected/page.tsx b/app/protected/page.tsx
index 1d73e55..7476b47 100644
--- a/app/protected/page.tsx
+++ b/app/protected/page.tsx
@@ -1,8 +1,8 @@
-import DeployButton from "@/components/DeployButton";
-import AuthButton from "@/components/AuthButton";
-import { createClient } from "@/utils/supabase/server";
-import FetchDataSteps from "@/components/tutorial/FetchDataSteps";
-import Header from "@/components/Header";
+import DeployButton from "~/components/DeployButton";
+import AuthButton from "~/components/AuthButton";
+import { createClient } from "~/utils/supabase/server";
+import FetchDataSteps from "~/components/tutorial/FetchDataSteps";
+import Header from "~/components/Header";
 import { redirect } from "next/navigation";
 
 export default async function ProtectedPage() {
diff --git a/components/AuthButton.tsx b/components/AuthButton.tsx
index 8970bd7..3f6f944 100644
--- a/components/AuthButton.tsx
+++ b/components/AuthButton.tsx
@@ -1,4 +1,4 @@
-import { createClient } from "@/utils/supabase/server";
+import { createClient } from "~/utils/supabase/server";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 
diff --git a/components/tutorial/FetchDataSteps.tsx b/components/tutorial/FetchDataSteps.tsx
index 0099f8e..463dbfe 100644
--- a/components/tutorial/FetchDataSteps.tsx
+++ b/components/tutorial/FetchDataSteps.tsx
@@ -15,7 +15,7 @@ values
 `.trim();
 
 const server = `
-import { createClient } from '@/utils/supabase/server'
+import { createClient } from '~/utils/supabase/server'
 
 export default async function Page() {
   const supabase = createClient()
@@ -28,7 +28,7 @@ export default async function Page() {
 const client = `
 'use client'
 
-import { createClient } from '@/utils/supabase/client'
+import { createClient } from '~/utils/supabase/client'
 import { useEffect, useState } from 'react'
 
 export default function Page() {
diff --git a/tsconfig.json b/tsconfig.json
index a1eb7bf..d31cf1d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,7 +20,7 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "~/*": ["./*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],