Basically the website you are in right now!

Basically, this is my portfolio website, it was written in React (via next.js!). Hosted on GitHub pages and using GitHub actions to automatically updated it every time!

The tech stack

This website uses Next.js (React framework) for the HTML and JavaScript (JSX) and TailwindCSS for well, the CSS.

Next.js

I picked Next.js because it seems like it has so many features I'd love to see in React and since it's newer, it doesn't have the same technical debt and wide usage that's probably is holding React back a bit.

Routing is easy, dynamic pages are easy and at the end of the day its still React code! Basically it's React+

TailwindCSS

I just love having my HTML, CSS and JavaScript all on the same place. Having to use a CSS file and a React file (or god forbid, 1 HTML, CSS and a JS file ☠️) makes the development experience less streamlined because you see a class, then you need to find that in the css. With Tailwind, all the styling is also inside the JSX so if you want to change a page, you only change it in one place.

GitHub Pages and Actions

First time hosting a website on GH pages and finding out about the greatness of automatation via GH actions!!!

GitHub Pages

This one was kind of a must-have, since I'm Miami's GitHub Campus Expert, it only makes sense I use GH pages to host!

Next.js is able to compile all the html, css and js neatly, then I just need to point GH pages to it and now the website is set up!

GitHub Actions

I'm still a bit of a newb to actions but they feel like super powers of sorts! Being able to just commit and push my code and that triggers the repository to re-compile the nextjs code which then shows the latest update to the website!

Without actions, I'd have to continuosly update a second branch with the compiled files and re-compile everytime there's an update, which originally was what I was doing and it held up progress for a long time.