GTGeorgia Tayloringeorgias-hub.hashnode.dev·8h ago · 6 min readMy First Tailwind WebsiteWhat I built A multi-page website with a home page and a gallery page. Built using HTML and Tailwind CSS. Classes Used Header For my gallery, I took photos of flowers and plants, so I decided on a 00
JLJack Liincrossui.hashnode.dev·1d ago · 12 min readshadcn/ui says the code is yours. So why can't anything edit it?shadcn/ui's whole pitch is that it isn't a dependency. You run the CLI, the component lands in components/ui/button.tsx, and it's yours. No package to upgrade, no wrapper to fight, no !important war w00
PKPiyush Kumar Soniinai-powered-seo-audit.hashnode.dev·2d ago · 11 min readArchitecting a RAG Frontend with React: Components, Retrieval States, Citations & Source Panels```text Document ↓ Chunking ↓ Embeddings ↓ Vector Store ↓ Retrieval ↓ LLM That part matters, of course. But once the retrieval pipeline starts working, another problem appears. How do you show all of00
DPDaniel Pertuincogniprep.hashnode.dev·6d ago · 5 min readFour CSS rules that fought our two-column refactorOur practice tests were built mobile-first, and it showed. Every game put the stimulus (a matrix, a data table, a passage) in one narrow centred column, with the answer options underneath and the subm00
PBPrabin Bhusalinseewulf.hashnode.dev·Sep 13 · 1 min readThe Architecture Behind a Production-Ready Next.js Finance TemplateWhen building financial tools or dashboards, performance and clean data visualization are critical. I recently set out to build a reusable boilerplate that eliminates repetitive setup tasks, allowing 00
WTWade Thomasinblog.northernrangedigital.com·Sep 10 · 6 min readTanStack Start Basics Part 2 — Connecting to Your Directus Backendhttps://www.youtube.com/watch?v=BUULSpRQiAY Our frontend has been static so far — just hardcoded headings on a few pages. Today we connect it to the Directus backend built earlier in this series, usi00
FAFaizan Ahmedinresponsivetool.hashnode.dev·Sep 8 · 3 min readChrome DevTools shows one device at a time. I built a tool that shows threeEvery responsive check I do follows the same loop. Open DevTools. Pick a phone. Scroll through the page. Switch to a tablet. Scroll again. Switch back to the phone. Try to remember if that header gap 00
WTWade Thomasinblog.northernrangedigital.com·Sep 8 · 5 min readSetting Up Our Frontend with TanStack StartWe've finished our backend series — a Directus instance running on a VPS managed by Coolify, backed by PostgreSQL and Redis, with a products collection already built and secured with roles and permiss00
CIChiagoziem Ikeurulorinbass111.hashnode.dev·Sep 1 · 9 min readMastering Class Variance Authority (CVA) in ReactThis article explains what Class Variance Authority (CVA) is and how to use it with Tailwind CSS in React applications. Prerequisites: A basic understanding of React, JavaScript/TypeScript, and Tailwi00
HWHarry Williaminduroodeibrahimi.hashnode.dev·Aug 25 · 2 min readBuilding a Lightweight, Multilingual Static Web App with Tailwind CSS and Single-Page PDF EnginesModern web development often defaults to heavy JavaScript frameworks even for content-focused platforms. While dynamic Single Page Applications (SPAs) have their place, building high-speed, accessible10
