#12: The Next.js and React.js Weekly Newsletter (11 June 2025)
Check out this week’s updates on related articles, tools, templates, projects, and resources about React.js, Next.js, CSS, and the TypeScript ecosystem.
Sponsorship
Checkout the awesome nextjs: A curated list of awesome Nextjs-based libraries that help build small and large-scale applications with next.js.
Reactjs | Nextjs | TypeScript Project Tutorial
- Build a Modern Sleep Tracker App with Next.js 15, Tailwind, Neon & Clerk (Full-Stack Tutorial), published by React & Next js Projects with Sahand.
- Build and Deploy Invoice app in Next.js 15, published by Dynamic Coding with Amit.
Reactjs | Nextjs | TypeScript Tutorial
- Next.js Tutorial 2025 — Start Your Next.js Journey Here, published by ByteGrad
- Voice-Controlled To-Do App in React | Real Life Project with Web Speech API, published by Code with me
- MERN Stack Tutorial for Beginners with Deployment — 2025, published by freeCodeCamp.org
- Stop Writing Bad Abstractions — Clean Code Tips That Work, published by Web Dev Simplified.
- Latest Shadcn Drop is NEXT LEVEL 🚀, published by OrcDev
- Your Complete Guide to Next.js Authentication with Better Auth, published by OrcDev
- Next.js Caching Deep Dive + Visual Walkthrough, published by Stav
- The Most Common React Query Mistake, published by Youssef Benlemlih
- How to use Supabase for Authentication with reactjs, published by Samir Kharel
- How to Send Data from Child to Parent Component in Reactjs, published by CODE with Sufyan Shaikh
- How I set up custom domains for clients, published by Web Dev Cody
- MCP Tutorial — The Future of Internet Interaction, published by ByteGrad
- UseActionState Hook in React 19 — Professional Example, Advantages and Uses, published by ACIL EDUCATION
- Dynamic Forms in React with TanStack Form & Zod, published by Cand Dev
- I Built Apple’s Liquid Glass Effect with Tailwind CSS in Minutes, published by OrcDev
- What are Branded Types? (And When You Should Use Them) in TypeScript, published by HAMY LABS
- OpenAI’s New TypeScript Agents SDK, published by Developers Digest
- How to Create a React App with Tailwind CSS v4 | Full Project & Setup Tutorial (2025), published by Kalman Web Design
- Proper Google Analytics Setup with Next.js using Google Tag Manager (GA4 + GTM + Next.js), published by Code Review
Reactjs | Nextjs | TypeScript Blog/Article
- Creating an Auto-Closing Notification With an HTML Popover
- Exploring the CSS contrast-color() Function… a Second Time
- Better CSS Shapes Using shape() — Part 3: Curves
- Getting Creative With HTML Dialog
- Safe align your content
- React & Next.js in 2025 — Modern Best Practices
- 6 advanced TypeScript tricks
- Smarter Data Fetching with TanStack Query: Reusable Patterns and Optimistic UI
- Top 5 Next.js alternatives for React developers
- What is a toast notification? Best practices for UX
- Modern CSS carousels: No JavaScript required
- Node v24.2.0 (Current)
- TypeScript Types That Scared Me — Until I Learned These 3 Rules
- Destructured function parameters with type annotations in TypeScript
- How Imports Work in RSC
- Search Params Are State
- useSyncExternalStore: Demystified for Practical React Development
- TanStack Form vs. React Hook Form
- What are Branded Types? (And When You Should Use Them) in TypeScript
- Node.js Moves Toward Stable TypeScript Support with Amaro 1.0
NPM Package Update/Release
- @supabase/supabase-js latest version: 2.50.0
- pnpm latest version: 10.12.1
- @tanstack/react-query latest version: 5.80.6
- @trpc/client latest version: 11.3.1
- @trpc/server latest version: 11.3.1
- Firebase latest version: 11.9.1
- Mocha latest version: 11.6.0
- Jest latest version: 30.0.0
- lucide-react latest version: 0.514.0
- pg-promise latest version: 11.14.0
- pm2 latest version: 6.0.8
- Redis latest version: 5.5.6
- rollup latest version: 4.43.0
- Sass latest version: 1.89.2
- Svelte latest version: 5.33.19
- tailwind-merge latest version: 3.3.1
- tsx latest version: 4.20.1
- tw-animate-css latest version: 1.3.4
- Vitest latest version: 3.2.3
- Zod latest version: 3.25.61
Hi everyone, thank you for reading the newsletter. If you like it, please share it with another developer as well. Most importantly, we would appreciate your feedback on our newsletter.