diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ee747a3..5273e29 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -19,7 +19,7 @@
         },
         {
             name: "portfolio",
-            subPages: ["learnings", "portfolio_project"],
+            subPages: ["learnings", "portfolio_project", "next.js_weather"],
         },
         {
             name: "contact",
@@ -60,7 +60,7 @@
     {/key}
     <li><ThemeSwitch/></li>
 </nav>
-<div class="container text-center w-3/4 mx-auto">
+<div class="container text-center w-3/4 mx-auto font-jose">
     <slot />
 </div>
 <footer class="mt-12"> 
diff --git a/src/routes/next.js_weather/+page.svelte b/src/routes/next.js_weather/+page.svelte
new file mode 100644
index 0000000..eb8b053
--- /dev/null
+++ b/src/routes/next.js_weather/+page.svelte
@@ -0,0 +1,4 @@
+<h1 class="text-2xl font-normal">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 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>You can try it out at <a class="underline" href="https://weather.rannes.dev">weather.rannes.dev</a></p>
\ No newline at end of file