Nextjs on Hi, I'm Muhammad Amal https://muhammadamal.my.id/tags/nextjs/ Recent content in Nextjs on Hi, I'm Muhammad Amal Hugo en-us Thu, 23 Feb 2023 09:00:00 +0700 Type-Safe API Routes in Next.js 13 https://muhammadamal.my.id/blog/type-safe-api-routes-nextjs-13/ Thu, 23 Feb 2023 09:00:00 +0700 https://muhammadamal.my.id/blog/type-safe-api-routes-nextjs-13/ Building type-safe API routes in Next.js 13 with Zod, inferred types, and the new route handler conventions in app router. React Server Components in Next.js 13, The Mental Model https://muhammadamal.my.id/blog/react-server-components-nextjs-13/ Thu, 16 Feb 2023 09:00:00 +0700 https://muhammadamal.my.id/blog/react-server-components-nextjs-13/ How to think about React Server Components in Next.js 13. Composition rules, the client/server boundary, and where they break. Next.js 13 App Router, A Backend Dev's First Impressions https://muhammadamal.my.id/blog/nextjs-13-app-router-first-impressions/ Mon, 13 Feb 2023 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-13-app-router-first-impressions/ Next.js 13 app router from a backend dev’s view: server components, data fetching, the still-beta status, and what production-ready looks like. April Retro, React 18 and Next.js in Production https://muhammadamal.my.id/blog/april-retro-react-18-nextjs/ Fri, 29 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/april-retro-react-18-nextjs/ April retro: React 18 + Next.js 12 in production. Wins, surprises, bugs caught, what’s next. Deploying Next.js 12, Vercel vs Self-Hosted https://muhammadamal.my.id/blog/nextjs-deployment-vercel-vs-self-hosted/ Wed, 27 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-deployment-vercel-vs-self-hosted/ Next.js 12 deployment: Vercel vs self-hosted on Node/Docker/k8s. Feature parity, cost, when each wins. Image Optimization with next/image in Next.js 12 https://muhammadamal.my.id/blog/nextjs-image-optimization/ Mon, 25 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-image-optimization/ next/image in Next.js 12. Layouts, sizes, lazy loading, WebP/AVIF, remote patterns, perf wins. Next.js 12 Middleware for Auth and Redirects https://muhammadamal.my.id/blog/nextjs-middleware-auth-redirects/ Fri, 22 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-middleware-auth-redirects/ Next.js 12 middleware. Edge auth, redirects, A/B tests, bot blocking. Patterns + limits. Next.js 12 Data Fetching, SSG, SSR, and ISR Explained https://muhammadamal.my.id/blog/nextjs-data-fetching-ssg-ssr-isr/ Wed, 20 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-data-fetching-ssg-ssr-isr/ Next.js 12 data fetching: SSG, SSR, ISR. getStaticProps, getServerSideProps, getStaticPaths, ISR. When each wins. Next.js 12 Routing, Pages, Dynamic, Catch-All, and Nested Layouts https://muhammadamal.my.id/blog/nextjs-routing-pages-dynamic/ Mon, 18 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-routing-pages-dynamic/ Next.js 12 routing. File-based, dynamic, catch-all, optional, nested layouts, useRouter idioms. Migrating from Create React App to Next.js 12 https://muhammadamal.my.id/blog/cra-to-nextjs-12-migration/ Fri, 15 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/cra-to-nextjs-12-migration/ CRA → Next.js 12 in 2022. Pages, routing, env vars, build, what breaks.