About the Project

miku.meme is a website dedicated to sharing random and funny memes featuring the popular virtual idol Hatsune Miku. I built it as a remake of the now-defunct p90.zone website, which used to serve up random memes on various topics.

Since p90.zone went offline, I wanted to recreate something similar but with a focus on Miku memes. My friend nepnep is a big Miku fan, so I made this for him and other fans of the teal-haired songstress.

Built With SvelteKit + Tailwind CSS

I built miku.meme using SvelteKit, a modern web development framework that makes building web apps fun and easy. For styling, I used Tailwind CSS to add utilities and components.

The combination of SvelteKit and Tailwind allowed me to develop miku.meme rapidly while keeping the code clean, readable, and maintainable.

Got it, I’ve updated that section to highlight how Piped makes it easier to play the YouTube videos:

Video Memes + Privacy Focus

The memes on miku.meme are funny video clips featuring Miku pulled from YouTube. However, instead of embedding the YouTube clips directly, the videos are proxied through a Piped instance.

This protects visitor privacy by preventing YouTube from tracking views coming from miku.meme. Piped acts as a privacy-focused alternative front-end for YouTube.

Additionally, using Piped makes it much easier to play the YouTube videos without having to deal with CORS issues from directly interacting with the YouTube API. By proxying through Piped, I can seamlessly display and play the video memes without any extra effort on the engineering side.

Try it Out!

miku.meme is now live for all to enjoy! Head over to miku.meme!