A favicon of Station A Notion Clone

Station A Notion Clone

Station is an open-source Notion-like app using Next.js, Supabase, and Tailwind CSS, providing a collaborative workspace with a block editor.

A screenshot of Station A Notion CloneVisit

Station: Open-Source Notion Clone with Next.js & Supabase

Station is an open-source project replicating Notion's core experience, built for developers using Next.js, Supabase, Tailwind CSS, Shadcn/ui, and Editor.js. It provides a robust foundation for creating a connected workspace to manage ideas, documents, and projects effectively. This application demonstrates how to integrate modern web technologies to build a feature-rich, collaborative platform, emphasizing user authentication, responsive design, and a flexible block-based editor for content.

Features:

  • User Authentication: Secure user sign-up and login capabilities.
  • Mobile Responsive: Adapts layout for optimal use on various devices.
  • Dark & Light Mode: User-selectable interface themes for visual preference.
  • Search & Trash: Functionality to search content and manage deleted items.
  • Expandable Sidebar: Collapsible sidebar for organized navigation and workspace management.
  • Realtime Sidebar: Sidebar updates dynamically to reflect changes instantly.
  • Block Editor: Content creation using a block-based editor (powered by Editor.js).
  • Realtime Editor (In Progress): Future support for collaborative real-time document editing.
  • Publishable Content (In Progress): Upcoming feature to allow users to publish their notes or documents.

Summary:

Station offers a developer-centric template for a Notion-style application, leveraging Next.js for the frontend and Supabase for its backend. It includes essential features such as user authentication, mobile responsiveness, light/dark themes, content search, a dynamic sidebar, and the Editor.js block editor. This project is an ideal reference for building collaborative productivity tools using a contemporary JavaScript ecosystem, with future enhancements planned for real-time collaboration.

Distribution:
opensource
GitHub:
25 Stars
4 Forks
Share:

 

  
 

Similar to Station A Notion Clone:

 

  
  

 

  
  

 

  
  
Station A Notion Clone: Station: Your open-source Notion clone with Next.js and Supabase. – Awesome-Shadcn/ui