All posts tagged with "react"
Add the content layer to your Next.js 16 blog: read MDX files from disk, parse frontmatter with gray-matter, compile on-demand with next-mdx-remote, and render posts with syntax highlighting via rehype-pretty-code + Shiki.
Scaffold a Next.js 16 App Router project with TypeScript and Tailwind CSS v4, then wire up ShadCN/UI for your blog's design system. Build the layout, navigation, dark mode toggle, and site metadata from scratch.
A complete guide to building and self-hosting a personal blog from scratch using Next.js 16, ShadCN/UI, PostgreSQL, Drizzle ORM, MDX, Docker Compose, and deploying to an Ubuntu VPS on Hostinger with a custom domain.
Bridge React and full-stack development with Next.js 15: file-based routing, Server vs Client Components, SSR/SSG/ISR, Route Handlers as API endpoints, layouts, metadata, and environment config.
A comprehensive guide to MDX — combining Markdown and JSX to write interactive, component-rich documentation and blog posts. Covers syntax, plugins, Next.js integration, and real-world patterns.
Extend React fundamentals with the full ecosystem: React Router v6, global state with Context and Zustand, forms with React Hook Form, data fetching with TanStack Query, and component libraries with Tailwind CSS and shadcn/ui.
Learn React from scratch — JSX, components, props, state, useEffect, event handling, lists, and the React developer mindset. A practical, hands-on introduction to building with React.
Master React.js and Next.js from fundamentals to full-stack production apps. A structured 12-post roadmap covering hooks, state management, App Router, Server Components, authentication, performance, and deployment.
Step-by-step guide to building a React + Vite frontend that consumes your Bun + Hono REST API, with separate GitHub repos, CORS setup, environment variables, and deployment to Vercel for free.
Master React component patterns with TypeScript. Learn hooks typing, Context API generics, render props, compound components, HOCs, event handlers, and performance optimization.