updated next.js page with projects and repos.
All checks were successful
Node.js CI / build_image (push) Successful in 45s

This commit is contained in:
ChrQR 2024-05-17 23:46:53 +02:00
parent 7b16965ab9
commit 2f12ac7d1b
2 changed files with 64 additions and 12 deletions

View File

@ -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>
<h1 in:fade>Still learning how to postgres.</h1>

View File

@ -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>
<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>