diff --git a/package.json b/package.json
index 399febf..011603d 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
 		"@upstash/ratelimit": "^0.3.2",
 		"@upstash/redis": "^1.20.0",
 		"ably": "^1.2.36",
+		"svelte-qrcode": "^1.0.0",
 		"zod": "^3.20.6"
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b0e7a5e..72c3bcd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,6 +27,7 @@ specifiers:
   svelte: ^3.54.0
   svelte-check: ^3.0.1
   svelte-preprocess: ^4.10.7
+  svelte-qrcode: ^1.0.0
   tailwindcss: ^3.1.5
   tslib: ^2.4.1
   typescript: ^4.9.3
@@ -43,6 +44,7 @@ dependencies:
   '@upstash/ratelimit': 0.3.2
   '@upstash/redis': 1.20.0
   ably: 1.2.36
+  svelte-qrcode: 1.0.0
   zod: 3.20.6
 
 devDependencies:
@@ -2319,6 +2321,10 @@ packages:
       typescript: 4.9.5
     dev: true
 
+  /svelte-qrcode/1.0.0:
+    resolution: {integrity: sha512-WrOvyyxtUzu32gVIDxcFMy0A7uUpbl/8yHaTNOsUaI8W5V4wa7AmReCjffhNY2aS42CqCLJ6qdwUoj/KxmeZzA==}
+    dev: false
+
   /svelte/3.55.1:
     resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==}
     engines: {node: '>= 8'}
diff --git a/src/lib/components/QrCode.svelte b/src/lib/components/QrCode.svelte
new file mode 100644
index 0000000..426da6e
--- /dev/null
+++ b/src/lib/components/QrCode.svelte
@@ -0,0 +1,9 @@
+<script>
+import QrCode from "svelte-qrcode"
+
+export const qrCodeData = 'https://nextrack.vercel.app/';
+</script>
+
+<div class="container">
+    <QrCode value={qrCodeData} />
+</div>
\ No newline at end of file
diff --git a/src/routes/[userHandle]/+page.svelte b/src/routes/[userHandle]/+page.svelte
index d9a87be..d18fb06 100644
--- a/src/routes/[userHandle]/+page.svelte
+++ b/src/routes/[userHandle]/+page.svelte
@@ -9,6 +9,7 @@
 	import type { ActionData, PageData } from './$types';
 	import { isStreamView } from '$lib/client/helpers';
 	import { get } from 'svelte/store';
+	import QrCode from '$lib/components/QrCode.svelte';
 
 	export let data: PageData;
 	export let form: ActionData;
@@ -65,6 +66,7 @@
 		border="border-4 border-surface-500"
 		class="mt-8"
 	/>
+	<QrCode qrCodeData={`https://nextrack.vercel.app/${data.username}`} />
 	<h1 class="text-xl font-bold">This is: {data.username?.toUpperCase()}</h1>
 {/if}
 {#if !data.isAcceptingRequests}
diff --git a/types/svelte-qrcode.d.ts b/types/svelte-qrcode.d.ts
new file mode 100644
index 0000000..106353a
--- /dev/null
+++ b/types/svelte-qrcode.d.ts
@@ -0,0 +1,13 @@
+declare module 'svelte-qrcode' {
+	import type { SvelteComponentTyped } from 'svelte';
+	interface QRcodeProps {
+		errorCorrection?: string,
+		background?: string,
+		color?: string,
+		size?: string,
+		value: string,
+		padding?: string,
+		className?: string,
+	}
+	export default class QrCode extends SvelteComponentTyped<QRcodeProps> {}
+}