Build In Public

Development guides and tutorials on building delightful content experiences

What's ShadCN and How to Add It to Your Project
#code#development
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
#development#code
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
#build-in-public#nextjs#development#code#vercel
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?
#nextjs#vercel#announcement#development
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#development#code#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#nextjs#vercel#code
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
#code#nextjs#development
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?
#code#review#development
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