#web-dev

Day 7 of the Rift Rewind Challenge 1, Building a Website

Day 7 of the Rift Rewind Challenge: build write-up on a League-of-Legends-themed website using the Riot API. Live at gaming.praneel.tech.

"Resist", The Resistance Checker

Resist is a Flask + OpenCV web app that reads resistor colour bands from a photo and returns the resistance value in Ω, kΩ, MΩ, or GΩ.

My n8n Rabbit Hole

Falling down the n8n rabbit hole: automating blog publishing via Discord triggers and Gemini chat models, hosted in Docker on my laptop.

Day 7 of AWS Builder Challenge #2,"How I Took a Next.js App to Production on AWS "

Day 7 of the AWS Builder Challenge: reflection and write-up on taking a Next.js app to production on AWS, ending a week of building in public.

Day 6 of AWS Builder Challenge #2,"Contact Form-Making Your Website Interactive"

Day 6 of the AWS Builder Challenge: wiring a Next.js contact form to AWS Lambda and SNS, and debugging an env-var typo that broke the whole flow.

Day 5 of AWS Builder Challenge #2,"Professional Deployment-GitHub, Amplify, and Modern Web Development"

Day 5 of the AWS Builder Challenge: connecting GitHub to AWS Amplify so every push auto-deploys, plus a custom 404 rewrite rule.

Get Your Free Domain with the GitHub Student Developer Pack (and connect it to AWS Amplify)

How to redeem a one-year free domain (.me, .tech) via the GitHub Student Developer Pack and point it at an AWS Amplify deployment.

Day 4 of the AWS Builder Challenge #2,"Global Distribution-Making Your Website Accessible Worldwide"

Day 4 of the AWS Builder Challenge: putting CloudFront in front of a private S3 bucket to serve a website globally while keeping the origin locked down.

Success

Switching this site from Vercel to Amazon S3 + CloudFront: Next.js static export, a URL-rewrite CloudFront Function, and cache invalidation gotchas.

Day 3 of the AWS Builder Challenge #2,"Web Content-Building Your Personal Website Files"

Day 3 of the AWS Builder Challenge: customising an HTML/CSS template with a dark-mode toggle and uploading the site files to a private S3 bucket.

Update on this Blog/Site

Announcement: moving this site from Vercel to AWS as part of the AWS Builder Challenge, with planned improvements to design, performance, and SEO.

Build your own blog from this template

A step-by-step guide to cloning this Next.js blog template, customising the layout and posts, and shipping your own personal site in minutes.