isGlitch.com (theglitchnews@ netlify.app)
Technologies Used:
HTML
CSS
React
TypeScript
Description:
A satirical tech news website.
What I Learned:
- The main thing I learned was how to implement TypeScript. It is invaluable for scaling up large projects due to early detection of potential errors.
- The original idea for this project was to use a combination LLMs and Stable Diffusion. I was going to simulate how The Onion workshops its ideas with LangChain called to various LLM APIs. Unofortunatley, the only LLM with a sense of humor is Anthropic's Claude. The images were the most diffucult part of the process. I sometimes need to download loras. Even if they are not needed, maybe one out of fifty images created are decent. Suffice to say, I learned the limitations of relying on AI for automation.
- I also leared a lot about metatags and how they affect SEO. In addition, about how Google will ignore all that and do it's own thing.
- Pagination was another thing I learned. All in all, I think it worked out well. I also implemented a simple search page so the user can find similar stories according to hastags on the site.
- Finally, I learned Next.js to benefit from the speed improvements of SSR. I had to also figure out Tailwind to supplant vanilla CSS.
Links:
