Framely
<img alt="Framely Website Builder" src="/public/thumbnail.png"> <h1 align="center">Framely</h1> <p align="center">The open-source drag-and-drop website builder boilerplate.</p> <p align="center"> <a href="#introduction"><strong>Introduction</strong></a> · <a href="#features-current--planned"><strong>Features</strong></a> · <a href="#demo"><strong>Demo</strong></a> · <a href="#contributing"><strong>Contributing</strong></a> </p> --- ## Introduction Framely is a full-stack Next.js application offering multi-tenancy, custom domain support, and a flexible drag-and-drop web editor. <img alt="Framely Website Builder Demo Gif" src="/public/demo.gif"> --- ## Features - **Authentication:** User authentication powered by Clerk. - **Dashboard:** Create and view sites. - **Backend Logic for the Website Builder:** Core backend functionality for handling website structure and data. - **Drag-and-Drop Website Builder:** Fully customizable, user-friendly interface for creating websites. - **Multi-Tenancy:** Full support for subdomains --- ## Demo [**View the live Demo**](https://framely.site) --- ## Tech Stack This project is built with the following tools and services: - **Next.js**: React-based framework for building web applications. - **Tailwind CSS**: Utility-first CSS framework for styling. - **Shadcn**: UI component library. - **Prisma & MySQL**: Database ORM and relational database. - **Clerk Authentication**: Secure and flexible user authentication service. - **Umami Analytics**: Simple, fast, privacy-focused alternative to Google Analytics. --- ## Resources - [**Article explaining the core technology**](https://dev.to/belastrittmatter/building-a-nextjs-website-editor-bj3) Creating Framely would not have been possible without the following resources: - [**YouTube video by Web Prodigies**](https://www.youtube.com/watch?v=6omuUOZcWL0&t=49054s) – An in-depth tutorial on creating the underlying editor technology. - [**Vercel's guide to multi-tenancy**](https://vercel.com/guides/nextjs-multi-tenant-application) ## Contributing While I am no longer actively building features, I still welcome contributions! 1. **Start a Discussion:** Share your ideas, feedback, or questions. 2. **Open an Issue:** Report bugs or suggest improvements. 3. **Submit Pull Requests:** Check out the roadmap or add your own feature enhancements. --- ## License This project is open-sourced under the MIT License.