Meadows Social Media

screenshot of Meadows Social Media
nextjs
shadcn-ui
supabase

An X & Threads alternative, Meadows is a sleek social media platform for Gen-Z, built with Next.js, Supabase, and React Query that lets you post, follow, and interact in real time. Meadow features infinite scrolling feeds, light/dark themes, and a responsive mobile-first design.

Overview

Meadows is an innovative social media application designed specifically for Gen-Z, built with Next.js, Supabase, and React Query. This full-featured social feed empowers users to create dynamic posts complete with images, follow friends, and fine-tune their profiles. With its sleek design and mobile-friendly layout, Meadows offers a modern approach to sharing ideas and connecting with others.

The platform supports seamless interactions through features like infinite scrolling, light/dark mode, and intuitive profile management. Whether you're looking to like posts or manage followers, Meadows provides a fresh, engaging space for you to express yourself.

Features

  • User Authentication via Supabase: Securely log in and manage accounts with authentication powered by Supabase.
  • Profile Management: Easily upload or change your avatar, and keep track of your followers and the users you follow.
  • Post Creation: Create posts with the ability to attach images, allowing for more creative expressions.
  • Infinite Scrolling for Feeds: Enjoy uninterrupted browsing through feeds and profiles without page reloads.
  • Like/Unlike Posts: Engage with content you love by liking or unliking posts effortlessly.
  • Light/Dark Mode Toggle: Switch between light and dark themes to fit your viewing preference and comfort.
  • Responsive Layout: Designed to adapt seamlessly to different screen sizes for a consistent experience on any device.
  • Client-side Bookmarking: Utilize localStorage to bookmark your favorite posts, making them easily accessible later.

With these features, Meadows aims to create a robust and enjoyable social media experience tailored to the needs of a modern audience.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

supabase
Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.