Articles

A collection of technical articles on web development.

Building a Newsletter System with Next.js Server Actions
Building a Newsletter System with Next.js Server Actions

A step-by-step guide to implementing a newsletter system with Server Actions in Next.js 14. Learn how to handle form submissions, manage loading states, and create a seamless subscription flow.

Building Your First Website: A No-Code Guide for Beginners
Building Your First Website: A No-Code Guide for Beginners

Learn how to optimize your screen resolution, configure VS Code, and set up your recording environment for creating high-quality developer screencasts.

Footprints Camp Recap: A Running + Climate Camp
Footprints Camp Recap: A Running + Climate Camp

I’ll share my experience at Footprints Camp, what the camp experience is like, the insights I gained, and details about the community climate action project that I decided to work on during the camp.

MDX Component Gallery
MDX Component Gallery

Comprehensive guide showing all available MDX components with examples and usage instructions.

My Essential Next.js Project Setup: TypeScript and Prettier Configuration
My Essential Next.js Project Setup: TypeScript and Prettier Configuration

TypeScript and Prettier configurations that enhance type safety and code consistency in Next.js projects. Learn about important settings like noUncheckedIndexedAccess and custom Prettier rules for Tailwind CSS.

Understanding Complex Learning in Web Development Education
Understanding Complex Learning in Web Development Education

A deep dive into educational models and their impact on learning transfer, focusing on how to improve web development education through holistic learning approaches.

Creating a Dynamic Sitemap with Next.js 13+ and Sanity
Creating a Dynamic Sitemap with Next.js 13+ and Sanity

A comprehensive guide on implementing a dynamic sitemap in Next.js 13+ using data from Sanity CMS to improve SEO.

Creating a Floating Navbar with Next.js and Tailwind CSS
Creating a Floating Navbar with Next.js and Tailwind CSS

Step-by-step guide to creating a floating navbar that stays fixed at the top of the screen using Next.js and Tailwind CSS.

Understanding Monorepos Through a Forest Metaphor
Understanding Monorepos Through a Forest Metaphor

Learn how monorepos work through an intuitive forest metaphor, exploring their architecture, benefits, and practical implementation strategies.

Setting Up Your Environment for High-Quality Developer Screencasts
Setting Up Your Environment for High-Quality Developer Screencasts

Learn how to optimize your screen resolution, configure VS Code, and set up your recording environment for creating high-quality developer screencasts.

My Journey Through 200-Hour Yoga Teacher Training
My Journey Through 200-Hour Yoga Teacher Training

Personal insights and experiences from completing a 200-hour Yoga Teacher Training, exploring the transformation, curriculum, and future aspirations as a yoga teacher.