codebushi.comFiltering with React Server Components and URL Search ParamsTraditionally, when you wanted to filter your data using React, you would first store the original data in local state, with the useState hook. There would be a useEffect that watches for any filter changes, and then you would re-fetch the data using...Sep 14, 2023·2 min read
codebushi.comNext.js Server Actions Inside Client ComponentsToday we'll do a quick exploration of Next.js Server Actions and how you can mix them into React Client Side Components. We start with a sample app built on top of Next.js 13, the new App Router, and Supabase. We'll submit a form and process the data...Sep 2, 2023·2 min read
codebushi.comLink in Bio Website That Feels Like TikTokI recently updated my personal website, https://hunterchang.com, and wanted to share how I did it. The idea was to make a link in bio type of site, like Linktree, but style it to look and feel like TikTok or Instagram Reels. I added full-screen video...Aug 29, 2023·2 min read
codebushi.comNext.js Blog Starter with App Router, MDX, Tailwind CSSHey Everyone! This template was just updated on August 22, 2023. It now uses the new Next.js App Router and serves up blog content using Contentlayer. I just made a new website starter for Next.js, built with TypeScript, MDX, and Tailwind CSS. It sho...Aug 22, 2023·1 min read
codebushi.comNext.js App Router Dynamic Sitemap & SEO MetadataLet's add a dynamic sitemap.xml file to our Next.js blog, built using the new Next.js App Router. We'll also add some helpful metadata tags including the canonical url tag, the Open Graph protocol og tags, and twitter cards. https://www.youtube.com/w...Aug 20, 2023·2 min read
