Dev Squad·51wBuilding a Modern Portfolio
A showcase of a modern developer portfolio built with Next.js 15.3, featuring cinematic animations powered by Framer Motion, glass morphism effects, and comprehensive sections including projects, experience, and testimonials. The portfolio demonstrates technical excellence with TypeScript, PostHog analytics integration, EmailJS contact functionality, and mobile-first responsive design with both dark and light themes.
JavaScript Mastery·51wSaaS App Full Course 2025 | Launch Your SaaS in Under 7 Days with Next JS, Supabase & Payments
Learn how to create a SaaS application in under 7 days using Next.js, Supabase, and Stripe. This course covers building an AI-powered learning companion with features like secure authentication, real-time voice interactions, and customizable courses. Utilize modern web development tools like Tailwind CSS, Clerk, and Sentry to ensure a smooth user experience and scalable infrastructure.
JavaScript Mastery·1yBuild and Deploy a Full Stack Screen Recording & Video Sharing Platform | Next.js, Better Auth
Learn to create a full stack screen recording and video sharing platform using Next.js and Better Auth for authentication. This guide covers setting up AI-powered transcripts, instant uploads, and privacy controls, while highlighting modern web development tools like TypeScript and Tailwind CSS.
AI SaaS Startup·1yVibe Coding My First Micro SaaS
A freelance full-stack developer ventures into the indie hacking world by creating StickersAI, an AI-driven sticker generator. While coding was straightforward, the journey revealed the complexities of marketing, compliance, and branding. The article offers insights into the tech stack used and emphasizes the importance of adaptability and continuous learning in building a successful micro SaaS.
Community Picks·51wBuild and Deploy a SaaS AI Agent Platform | Next.js 15, React, Better Auth, Polar | Full Course 2025
Meet AI is a video calling app powered by AI agents, designed for various roles like language tutors and sales assistants. The app utilizes Next.js, React, and several other technologies for real-time calls, video SDKs, and AI-driven features. The tutorial covers building and deploying the platform, including authentication, payment integrations, and using tools like TRPC, Drizzle ORM, and Open AI.
Platformatic·51wSeamlessly Blend PHP with Node.js
Platformatic introduces php-node, a Node.js module that allows developers to embed PHP within Node.js applications. The module utilizes Rust to execute PHP applications in a multi-threaded environment, providing enhanced performance and seamless integration. Key features include seamless integration, multi-threaded processing, improved performance, and a unified development environment. Use cases range from migrating legacy PHP apps to building hybrid applications. The post also provides examples of running PHP and WordPress inside a Node.js server.
Community Picks·1yHow to Turn Figma Designs into code with Next.js, Tailwind CSS, Shadcn in 2025
The post provides a comprehensive guide on translating Figma designs into functional code using Next.js, Tailwind CSS, and Shadcn. It explains setting up a front-end environment, integrating APIs, managing global state with Redux, and customizing design elements. Detailed instructions are included for transforming color palettes, typography, and component designs from Figma into code. It also introduces Ban, a JavaScript runtime, as an alternative to Node.js for improved performance and security.
Product Hunt·51wPiny - Visual editor for Astro, React, Next.js & Tailwind
Piny is a visual editor designed to function directly within Visual Studio Code, Cursor, and Windsurf. It supports frameworks such as Tailwind CSS, Astro, React, and Next.js, enabling real-time edits directly in the code without relying on cloud services or causing lock-in.
tailwindcss·1yCompass: A starter kit for online courses
Compass is a new starter kit designed with Tailwind CSS and Next.js to help developers create online courses. It includes features like custom transcript UIs using WebVTT files, a self-built alternative to Picture-in-Picture video functionality, and dynamic image loading based on user color scheme preferences in Markdown. The kit is available for free to Tailwind Plus license holders.
ByteGrad·50wBuild Next.js MCP - Your Website & MCP-Server In 1 App!
A comprehensive tutorial demonstrating how to build a Next.js application that includes both a traditional website and an MCP (Model Context Protocol) server in a single app. The guide covers creating MCP tools that AI agents can invoke, implementing course recommendation functionality based on user experience level, deploying to Vercel with Redis integration, and testing the MCP server with GitHub Copilot. The tutorial also showcases CodeRabbit for automated code reviews and includes practical examples of AI agent interactions with custom MCP endpoints.
Hacker News·1yevroon/bracket: Selfhosted tournament system
Bracket is a self-hosted tournament system designed for easy use, leveraging async Python with FastAPI for the backend and Next.js with Mantine for the frontend. It supports various tournament formats such as single elimination, round-robin, and swiss, and allows for dynamic scheduling and management of tournaments and teams. The system can be run using Docker or independently with pipenv and yarn, and is configured using .env files or environment variables.
Community Picks·1y🚀 Build & Deploy a Perplexity AI Clone with Next.js, React,Tailwind Css Inngest | Full Stack AI App
Learn to build a perplexity.ai clone using Next.js, React, and Tailwind CSS, incorporating real-time AI search features. This full stack guide walks you through setting up event-driven workflows using Inngest platform, integrating AI models, and deploying the application to the cloud.
freeCodeCamp·50wHow To Build A Simple Portfolio Blog With Next.js
A comprehensive guide to building a portfolio blog with Next.js that automatically aggregates articles from multiple platforms. The tutorial covers creating server and client components, implementing web scraping with Cheerio to extract metadata from article URLs, building search and filtering functionality, and structuring a JSON-based content management system without requiring a database.
Collections·51wMaster Full Stack Development with Next.js 15: Comprehensive Guide to Building and Deploying Applications
Learn full stack development with Next.js 15, focusing on building and deploying applications like a blog platform or recipe sharing app. The guide covers server components, dynamic routing, authentication, and more. Explore deployment to Vercel and error handling strategies, with additional content available on Gumroad.
ByteGrad·1yThis Next.js Data Fetching Pattern Is CRITICAL For Every Developer
The post introduces a new data fetching pattern in Next.js using the React use hook, focusing on client-side data fetching and interaction enhancements. It explains how to optimize user experience by employing suspense and async components to prevent page blocking during data fetching. Moreover, it highlights the ability to integrate data across client components using the context API for better server-side data handling.
Syncfusion·51wNext.js Routing: Easy File-Based Setup for Beginners
Next.js simplifies routing with a file-based system that automatically generates routes, eliminating the need for external libraries. It enhances flexibility through dynamic and catch-all routes and includes features like API routes, middleware, and custom error pages. Next.js also supports internationalization and improves navigation with client-side linking and prefetching, making it a powerful framework for building robust web applications.
This Week In React·1yThis Week In React #233: RSC, Next.js, Compiler, Unhead, Shadcn, Relay, Mantine
This post discusses various recent updates in the React ecosystem, highlighting React 19 concepts through the launch of the react.gg course. It features news on mobile advancements with Expo 53, including updates to React Native and React 19, as well as shifts in technology with Apple fees court news affecting mobile app payments. Also covered are new releases, such as Unhead 2.0, new features in Relay 19, Mantine 8.0, and advancements in WebGPU integration for React Native.
Community Picks·1yBuild / Deploy Fullstack App (NextJs, Prisma, AuthJs, Supabase)
Learn to build a full-stack Google personal assistant app using NextJS, Supabase, and Prisma. The app allows users to schedule reminders, calendar events, and send emails. It integrates with Google Cloud services to access calendar and email APIs, and uses AuthJs for authentication, featuring Google Sign-in and secure session management.
Theo - t3․gg·1yEverything is a wrapper now
Software wrappers are essential layers that improve technology by creating abstractions, enabling portability, flexibility, and ease of use. This concept has powered major innovations, such as C and Java, by simplifying development and supporting multiple environments. Tools like T3 Chat and Clerk utilize wrappers to enhance user experience and functionality without direct backend management.
