blog

My blog website.

23 articles 423 View on GitHub ↗
23 articles
How to Programmatically Generate robots.txt and sitemap.xml in Next.js 14

Learn to programmatically generate robots.txt and sitemap.xml in Next.js 14. Export MetadataRoute typed functions from app/robots.ts and app/sitemap.ts for dynamic SEO file generation at build time.

how-to-guide
Aug 6, 2026
How to Create Custom MDX Components for Responsive Images and Links in Next.js

Learn to create custom MDX components in Next.js. Optimize images with Next/Image and handle links intelligently for responsive content and seamless navigation.

how-to-guide
Aug 6, 2026
How to Add GitHub-Flavored Markdown Support (Tables, etc.) with MDX

Easily add GitHub-flavored markdown support like tables and task lists to your MDX blog by installing remark-gfm. Learn how to enable advanced markdown features today.

how-to-guide
Aug 6, 2026
When to Use Framer Motion in a Next.js Project: Lessons from the woosal1337 Blog

Learn when to use Framer Motion in a Next.js project. Discover how to leverage it for physics-based animations and complex sequences while keeping simple transitions in CSS.

tutorial
Aug 6, 2026
How to Use CSS Animations and Transitions in Next.js 14 with Tailwind CSS

Learn to add CSS animations and transitions in Next.js 14 using Tailwind CSS utility classes. Enhance your UI without raw CSS or JavaScript libraries.

tutorial
Aug 6, 2026
Animation Strategy for a Next.js Editorial Site: CSS-First Reveals with IntersectionObserver

Discover a CSS-first animation strategy for your Next.js editorial site. Use IntersectionObserver and Tailwind for lightweight, accessible reveals without heavy JS.

how-to-guide
Aug 6, 2026
How to Ensure Consistent SVG Line Weight with Non-Scaling Stroke in React

Learn how to ensure consistent SVG line weight in React using non-scaling stroke. Maintain constant stroke widths regardless of scale transformations for perfect SVGs.

how-to-guide
Aug 6, 2026
How to Generate Contour SVG Logos Using SHA‑256 and a Seeded RNG

Learn to generate unique SVG contour logos with SHA-256 and a seeded RNG. This client-side algorithm creates deterministic, reproducible logos from any input string.

how-to-guide
Aug 6, 2026
How to Use shadcn/ui and Radix UI Primitives in Next.js: A Complete Implementation Guide

Learn to implement shadcn/ui and Radix UI primitives in Next.js 14. Discover how to build a type-safe design system using Tailwind CSS and a utility-based pattern with this complete guide.

how-to-guide
Aug 6, 2026
How to Implement Scroll-Triggered Animations with Intersection Observer in Next.js: A Production-Ready Guide

Implement scroll-triggered animations in Next.js using the Intersection Observer API. Discover a production-ready reusable component with staggered delays and accessibility support.

how-to-guide
Aug 6, 2026
How to Create Reusable Design System Primitives in Next.js: A Complete Guide

Build reusable design system primitives in Next.js with a complete guide. Learn to create self-contained components, use Tailwind, and export typed APIs for consistent UI.

how-to-guide
Aug 6, 2026
How to Use next‑mdx‑remote to Render MDX Content in Next.js

Learn to render MDX content in Next.js using next-mdx-remote. Dynamically load Markdown files and process them with custom components via a plugin pipeline.

how-to-guide
Aug 6, 2026

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"
Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →