Build In Public

Development guides and tutorials on building delightful content experiences

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
#development#code
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
#code#development#nextjs#vercel#build-in-public
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?
#vercel#nextjs#development#announcement
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#code#development#nextjs
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
#development#vercel#code#nextjs
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
Top Notion-Style WYSIWYG Editors for React
#development#code#nextjs
Top Notion-Style WYSIWYG Editors for React

Discover the best Notion-style WYSIWYG editors for React! Compare features, pros & cons of top options like BlockNote, Novel.sh, Tiptap and more to find the perfect fit for your project.

25 August 2024
Astro vs Next.js - What's Best for Small Projects?
#development#code#review
Astro vs Next.js - What's Best for Small Projects?

Static or dynamic? Simple or complex? Explore the key differences between Astro and Next.js to make the best choice for your web development needs.

19 August 2024
Breaking Out of Tailwind's Container: A Full-Width Solution
#code#development
Breaking Out of Tailwind's Container: A Full-Width Solution

Unlock the secret to creating stunning full-width sections in your Tailwind projects! Learn two simple techniques to break free from container constraints and make your designs pop.

17 August 2024
Seamlessly Inserting CTAs Midway into Your Blog Posts with React
#code#development
Seamlessly Inserting CTAs Midway into Your Blog Posts with React

Trying to insert a component midway through a html string returned by a CMS? Use this method to seamlessly perform the insertion without breaking up words or sentences.

17 August 2024