Build In Public

Development guides and tutorials on building delightful content experiences

SSR with Remix using TanStack Query
#code#development
SSR with Remix using TanStack Query

Explore SSR with Remix and TanStack Query in this article, focusing on setup, best practices, and real-world examples to boost SEO, enhance load times, and ensure smoother user interactions.

29 October 2024
Server Actions vs API Routes in Next.js 15 - Which Should I Use?
#development#nextjs#code
Server Actions vs API Routes in Next.js 15 - Which Should I Use?

Next.js 15 brings Server Actions and API Routes into the spotlight. Dive into our comprehensive analysis to master these powerful tools and boost your app's performance and security!

28 October 2024
What's ShadCN and How to Add It to Your Project
#development#code
What's ShadCN and How to Add It to Your Project

Discover ShadCN: a game-changing component library that enhances web development efficiency. Explore its origins, features, and seamless CLI integration in our comprehensive guide.

28 October 2024
How to Sanitize HTML Response from a CMS?
#code#content-management-system#development
How to Sanitize HTML Response from a CMS?

Discover how to protect your CMS from security risks through HTML sanitization using sanitize-html library, with practical steps from the Wisp CMS blog starter kit.

28 October 2024
How to Use Zod Validation for React Hook Forms
#code#development
How to Use Zod Validation for React Hook Forms

Discover how to seamlessly integrate Zod validation with React Hook Form, ensuring robust, type-safe validation for your forms. A step-by-step guide from setup to advanced techniques!

28 October 2024
How to Use Zod to Get Structured Data with LangChain
#code#development
How to Use Zod to Get Structured Data with LangChain

Struggling with getting structured data from LLM? Discover how to leverage LangChain and Zod for bulletproof AI outputs.

28 October 2024
Upgrading to Next.js 15  in 5 Mins using Codemod
#build-in-public#vercel#development#nextjs#code
Upgrading to Next.js 15 in 5 Mins using Codemod

Upgrade your Next.js project in record time! Discover my step-by-step journey upgrading to Next.js 15,using the official codemode tool. Watch the video too!

22 October 2024
Next.js 15 is out! What's new and what broke?
#development#vercel#announcement#nextjs
Next.js 15 is out! What's new and what broke?

Next.js 15: A Must-Read for Web Developers! Learn about the latest updates, new observability APIs, and improved TypeScript support. Equip yourself with the knowledge to upgrade effortlessly!

22 October 2024
My Experience Navigating the Next.js 15 Upgrade
#vercel#nextjs#development#code
My Experience Navigating the Next.js 15 Upgrade

Next.js 15 was released today and I've tried upgrading my project from Next.js 14. Codegen helped to fix 80-90% of the issues but there were issues due to upgrade from React 18 to 19!

22 October 2024
Mental Model for Client/Server Components, Static/Dynamic Route & Caching in Next.js
#code#vercel#nextjs#development
Mental Model for Client/Server Components, Static/Dynamic Route & Caching in Next.js

Confused about Server Component vs Client Component, Dynamic vs Static Routes & Caching in Next.js? You are not alone. Use this mental model to help you!

17 October 2024