The ElianCodes site

The full sourcecode for my personal website.

Current technologies

(currently) written in Astro and UnoCSS, deployed to Vercel.

Previous technologies

This website is a representation of technologies I'm playing with. Here is a list of technologies that have powered this site before:

• Nuxt
• Vue
• TypeScript
• TailwindCSS
• UnoCSS
• Firebase functions

Deployment and Hosting

At the moment, this website is hosted on Vercel. The DNS is controlled by CloudFlare.

The website was previously hosted on Google Cloud Storage as a static folder in a public bucket. Then I transitioned to Firebase, since it was easier to manage, cheaper and you get some handy features like preview deploys and such.

Currently, it's deployed as a static Vercel website using the Astro Vercel adapter. Vercel offers some features I love, like analytics, web vitals info, feature and preview deploys.

Development setup

To install and manage dependencies, I use PNPM.

# for development
pnpm dev

# for local preview
pnpm build && pnpm preview

Technologies and packages

The base of the website uses Astro to generate and build the (static) site.

Frontend

At the moment, the UI of the website is built and generated using Astro. Astro is an amazing technology to generate static sites (but also supports SSR). If you want to know more about it, feel free to read their documentation.

Components

Most of my templates are written in pure Astro, since I don't need to much interactivity. Components that do require interactivity, are written in vanilla JS.

UnoCSS

To define the style of the website, UnoCSS, with some presets are used. You can read more about my transition and use here.