Next.js, Supabase and TailwindCSS: Full-stack Blogging App

Set up a Next.js project with Tailwind CSS, configure the app router and ESLint, enable Turbo Pack, then run the development server and verify Tailwind styling on a page.

Set up Supabase with Next.js and Tailwind for a full-stack blogging app. Configure authentication, database operations, real-time updates, and storage via environment variables.

Create and export reusable components in a Next.js 15 app using the app router, including auth pages, dashboards, and content pages with tailwind CSS and dynamic routes.

Learn to build a responsive blog header, footer, and layout in a Next.js app using Supabase and TailwindCSS, configure metadata, fonts such as Sora, and accessible navigation.

Create a responsive landing page for a Next.js blog app using TailwindCSS, with a two-column grid, article cards featuring images, overlays, and author details, integrated with Supabase.

Design a responsive landing page for a full-stack blogging app using Next.js, Supabase, and Tailwind CSS, implementing a dynamic post grid, category overlays, and hand-picked sections.

Build a blog detail page with a Tailwind CSS styled header image and overlaid title, include icons for views and time, an author bio, and a comments section in Next.js.

Build a category list and a category detail page for a blog app with Next.js, Supabase, and Tailwind CSS, wiring header and footer, images, and a responsive grid.

Design authentication pages UI for a Next.js blog app using Tailwind CSS and Supabase, crafting login and register forms with responsive styling and navigation.

Design an author dashboard user interface in a Next.js blog app using TailwindCSS, building the overview with stats, posts, articles, comments, and notifications, rendered on the client side with Supabase.

Design a Postgres database schema for a Next.js blog app by visually modeling tables, relations, slugs, and indexing, then export to SQL and deploy the schema via Supabase.

Learn to implement a register system with Next.js and Supabase, creating user accounts, storing profile data, and automatic login within a full-stack blogging app.

Develop a login system in a Next.js app using Supabase authentication and Tailwind CSS, with client-side state, form handling, error and success toasts, and redirect to dashboard.

Create a global authentication context in a Next.js app using Supabase and Tailwind. Track user, profile, and loading state with a provider and auth listener.

Implement a logout feature in a Next.js and Supabase app with a loading state, toast feedback, and redirect to the login page, leveraging next/navigation and Tailwind CSS.

Learn to build a full-stack blog with Next.js, Supabase and TailwindCSS by creating and updating articles on a single dashboard page, handling categories, thumbnails, slugs and read time.

build a client-side article list in a next.js app using supabase and tailwind, fetch and display articles with category and author data, and highlight the most popular post by views.

Fetch and display an article detail page by slug with Supabase, update views optimistically, and prepare for likes, comments, and bookmarks in a Next.js Tailwind full-stack blog.

Explore building a comments feature in a Next.js app with Supabase and Tailwind CSS, enabling creating and displaying comments on the post detail page with state management.

Build a like feature for posts with Next.js, Supabase, and Tailwind CSS, implementing optimistic UI updates, login checks, and toggle logic to like or unlike articles.

Explore building a bookmark feature in a Next.js and Supabase full-stack blog app using Tailwind CSS, including user authentication checks, bookmark state management, database inserts and deletes, and UI updates.

Implement a notification system in a Next.js blog using Supabase and Tailwind CSS by inserting a new notification when a post is liked, including sender, receiver, article id, and message.

Build an author dashboard in a Next.js, Supabase and TailwindCSS full-stack blogging app, listing articles, comments, notifications, and profile stats while performing CRUD operations with optimistic UI updates.

Edit profile using Next.js and Supabase; fetch, display, and update profile fields (full name, job title, country, biography, image) with a form, image upload to storage, and live updates.