#Framework
129 posts
Build a Manual with Starlight #1: From Install to Your First Doc
We set up the skeleton of a team documentation and product manual site with Astro's Starlight, walking through everything from getting Node.js ready to creating a site with create astro and bringing up your first doc on the dev server.
Build a Manual with Hugo #1: From Install to Your First Doc
We build the skeleton of a team documentation and product manual site with Hugo and the Hextra theme. From installing Hugo Extended and Go to creating a new site, wiring up the theme, and serving your first doc with the local server, we do it all in one pass.
Build an Online Shop with Next.js #5: Order Confirmation and Deployment
Close the user flow with an order confirmation page and deploy to Vercel to put the shop on the real internet. We wrap up by examining the limits of in-memory storage and exactly what needs fixing before this could become a production service.
Build an Online Shop with Next.js #4: Checkout and Payment Simulation
Create orders with Server Actions and simulate success/failure with a fake payment gateway. We also cover practical patterns for handling form state with useActionState and useFormStatus.
Build an Online Shop with Next.js #3: Shopping Cart
Manage shopping cart state with a client Context and localStorage. We cover a persistent cart that survives refresh, quantity changes, total calculation, and a hydration-safe pattern.
Build an Online Shop with Next.js #2: Product Catalog
Build the product list and detail pages with Server Components, add a category filter with searchParams, and cover next/image, generateStaticParams, and notFound in one pass.
Build an Online Shop with Next.js #1: Getting Started and Design
Build an online shop from scratch with the Next.js App Router. The first post covers requirements, tech decisions, route structure, the product data model, and project setup.
Angular in Practice #6: Testing and Deployment — Wrapping the Track
The final post of the practice series. We fill the dashboard with tests, package it with Docker, deploy it to Cloudflare Pages, and run a full CI/CD cycle with GitHub Actions. Then we look back across all 27 posts of the Angular track.
Django DRF #6: Testing and Deployment — Docker, gunicorn, nginx
Integration tests with APITestCase / APIClient / pytest-django / factory_boy, plus production deployment via Docker multi-stage + gunicorn + nginx + docker-compose.
Angular in Practice #5: Charts and Data Tables
A dashboard is, in the end, about visualization. We build a data table with sorting, pagination, and search using Angular Material's MatTable, and draw sales and category charts with ng2-charts — turning our dashboard into a screen that actually "shows" something.
Django DRF #5: OpenAPI Docs — drf-spectacular
Auto-generate the OpenAPI 3.x schema / Swagger UI / ReDoc for a DRF API with drf-spectacular, and precisely specify responses, errors, and auth via decorators.
Angular in Practice #4: State Management — Cleanup with SignalStore
In the previous post, signal state was wired directly into ProductService. In this post, we move it to @ngrx/signals' SignalStore for cleanup. Step-by-step, we follow the flow of gathering state, derived values, methods, and lifecycle into one place using the four-piece set of withState/withComputed/withMethods/withHooks.