How I made my new website
I basically remade my site again and I want to say how and why
Long time no see!
I have been busy (sleeping mostly) but the past 4 days have been insane to me as I have been grinding on making this new website. I don’t know why I have a feeling to rewrite my website every year but this one should stay for longer.
Why?
I personally think the website I made 2 years prior is not up to my current standard. Just look at this. It feels so corporate to me… Plus Nuxt 2 is starting to age quite a bit as Nuxt 3 with Vue 3 brings in a lot of improvements.
The list of reasons I hate AikoWeb 4.0 I can come up with
- The website feels too corporate
- It’s kind of broken too hard for me to fix
- It has no dynamic content and I don’t know how I could have retrofitted it
- Many of my links are outdated (e.g. Mastodon as I moved to my own Firefish instance) or outright missing (Ko-Fi) and I’d rather update them in the new website
- The Navigation sucks on mobile
- The artwork page is literally just NGINX index
- No proper OpenGraph support
Time for a change!
I initially wrote the whole website in Astro thinking it is the most obvious choice for me as I’ve been wanting to try out Astro for a while. As soon as I get to the part where I had to fetch data from the server, I spent so long looking for solutions using just Astro component, oblivious to the fact that you can literally use Vue components in Astro. I never thought to ask anyone so I spent a day rewriting the whole thing in Nuxt3. I only realised once I finished rewriting this site to be parity with Astro and Cappy Ishihara told me that I could use Vue components in Astro 💀
I personally don’t think it’s the fault of Astro team for not telling me this but I wish I’d known that because that’s like the whole selling point of Astro.
The Theme
I went with the flower and pink-ish theme this time. I don’t know why but I just want to do this cutesy theme on the website. I even designed the flower before writing the website itself.
The Content itself
I used Strapi to serve content like blog posts, artworks, and project lists instead of building them into the code itself like social links which are still built into the website as I need icons to work properly.
The Result
It’s as you see here. Nothing else much to say honestly apart from the fact that I spent like 5 days on this barely eating food.
Special Thanks
Goes to my friends especially pprmint. for helping me with art and stuff.