diff --git a/src/routes/learnings/+page.svelte b/src/routes/learnings/+page.svelte
index 9bce552..3d6ac8d 100644
--- a/src/routes/learnings/+page.svelte
+++ b/src/routes/learnings/+page.svelte
@@ -1,6 +1,5 @@
 <script>
-
-	import { fade } from "svelte/transition";
-
+	import { fade } from 'svelte/transition';
 </script>
-<h1 in:fade >Still learning how to cms.</h1>
\ No newline at end of file
+
+<h1 in:fade>Still learning how to postgres.</h1>
diff --git a/src/routes/next.js/+page.svelte b/src/routes/next.js/+page.svelte
index b928fe8..1c5ab56 100644
--- a/src/routes/next.js/+page.svelte
+++ b/src/routes/next.js/+page.svelte
@@ -1,11 +1,64 @@
 <script>
-
-	import { fade } from "svelte/transition";
-
+	import { fade } from 'svelte/transition';
 </script>
+
 <div in:fade>
-    <h1 class="text-2xl">Weather application</h1>
-    <p>this is a simple application to fetch a weekly weather forecast.</p>
-    <p>It's built in <span class="font-normal">react/nextjs</span> using <span class="font-normal">typescript</span> and <span class="font-normal">Tailwind CSS</span>. It queries <span class="font-normal">Google Places API</span> for geo location and then queries <span class="font-normal">open-meteo API</span> for the weather forecast.</p>
-    <p>While it's still under development you can try it out at <a class="underline" href="https://weather.rannes.dev">weather.rannes.dev</a></p>
-</div>
\ No newline at end of file
+	<h1 class="text-2xl">Next.js Framework</h1>
+
+	<article>
+		<h2 class="font-normal text-xl my-2 mt-4">Scaffolding for next project.</h2>
+		<p class="text-left">
+			I am exploring different librarys for ui, auth, ORM etc. for my next project. This time it is
+			deployed to vercel, but I am still using workflows.
+		</p>
+		<p class="underline text-left mt-2">Currently I am using:</p>
+		<ul class="list-disc list-inside text-left my-2">
+			<li>Next.js</li>
+			<li>Auth.js</li>
+			<li>Tailwind CSS</li>
+			<li>Next-UI</li>
+			<li>Drizzle ORM</li>
+			<li>Vercel Postgres</li>
+		</ul>
+
+		<p class="text-left">
+			<a
+				class="underline font-normal hover:text-slate-400"
+				href="https://titles-chrqr-christian-rannes-projects.vercel.app"
+				>The preview is deployed here</a
+			>
+			and
+			<a class="underline font-normal hover:text-slate-400" href="https://titles-psi.vercel.app/"
+				>production is deployed here.</a
+			>
+			You can check out the
+			<a
+				class="underline font-normal hover:text-slate-400"
+				href="https://gitea.rannes.dev/rannes.dev/titles">git repo here!</a
+			>
+		</p>
+	</article>
+	<article>
+		<h2 class="font-normal text-xl my-2 mt-4">Weather application</h2>
+		<p class="text-left">this is a simple application to fetch a weekly weather forecast.</p>
+		<p class="text-left">
+			It's built in <span class="font-normal">react/nextjs</span> using
+			<span class="font-normal">typescript</span>
+			and <span class="font-normal">Tailwind CSS</span>. It queries
+			<span class="font-normal">Google Places API</span>
+			for geo location and then queries <span class="font-normal">open-meteo API</span> for the weather
+			forecast.
+		</p>
+		<p class="text-left">
+			You can try it out at <a
+				class="underline font-normal hover:text-slate-400"
+				href="https://weather.rannes.dev">weather.rannes.dev</a
+			>
+			and also have a look at
+			<a
+				class="underline font-normal hover:text-slate-400"
+				href="https://gitea.rannes.dev/rannes.dev/local-weather">the code here.</a
+			>
+		</p>
+	</article>
+</div>