{"id":26462957,"url":"https://github.com/belastrittmatter/framely","last_synced_at":"2025-03-19T06:38:52.767Z","repository":{"id":277727148,"uuid":"933191503","full_name":"belastrittmatter/Framely","owner":"belastrittmatter","description":"Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js","archived":false,"fork":false,"pushed_at":"2025-03-15T14:55:03.000Z","size":27012,"stargazers_count":28,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-15T15:33:50.902Z","etag":null,"topics":["boilerplate","clerk","drag-and-drop","editor","full-stack","mysql","nextjs","nocode","open-source","prisma","react","shadcn-ui","typesafe","typescript","webeditor","website-builder"],"latest_commit_sha":null,"homepage":"https://framely.site","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/belastrittmatter.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-15T11:24:30.000Z","updated_at":"2025-03-15T14:55:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"b887fd34-83ac-4105-8808-cd93280305a9","html_url":"https://github.com/belastrittmatter/Framely","commit_stats":null,"previous_names":["belastrittmatter/framely"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/belastrittmatter%2FFramely","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/belastrittmatter%2FFramely/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/belastrittmatter%2FFramely/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/belastrittmatter%2FFramely/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/belastrittmatter","download_url":"https://codeload.github.com/belastrittmatter/Framely/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244374580,"owners_count":20442665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","clerk","drag-and-drop","editor","full-stack","mysql","nextjs","nocode","open-source","prisma","react","shadcn-ui","typesafe","typescript","webeditor","website-builder"],"created_at":"2025-03-19T06:38:51.886Z","updated_at":"2025-03-19T06:38:52.757Z","avatar_url":"https://github.com/belastrittmatter.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg alt=\"Framely Website Builder\" src=\"/public/thumbnail.png\"\u003e\n\u003ch1 align=\"center\"\u003eFramely\u003c/h1\u003e  \n\u003cp align=\"center\"\u003eThe open-source drag-and-drop website builder boilerplate.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#introduction\"\u003e\u003cstrong\u003eIntroduction\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#features-current--planned\"\u003e\u003cstrong\u003eFeatures\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#demo\"\u003e\u003cstrong\u003eDemo\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#contributing\"\u003e\u003cstrong\u003eContributing\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n## Introduction\n\nFramely is a full-stack Next.js application offering multi-tenancy, custom domain support, and a flexible drag-and-drop web editor.\n\n\u003cimg alt=\"Framely Website Builder Demo Gif\" src=\"/public/demo.gif\"\u003e\n\n🚧 **This project is currently under active development.** Some features are already functional, while most are still being actively built. Contributions and feedback are highly appreciated to shape its final form!\n\n---\n\n## Features (Current \u0026 Planned)\n\n### ✅ **Current Features**\n\n- **Authentication:** User authentication powered by Clerk.\n- **Dashboard:** Create and view pages.\n- **Backend Logic for the Website Builder:** Core backend functionality for handling website structure and data.\n- **Drag-and-Drop Website Builder:** Fully customizable, user-friendly interface for creating web pages.\n- **Multi-Tenancy:** Full support for subdomains\n\n### 🚀 **Coming Soon...**\n\n- **Generated CSS Preview:** View and customize the generated CSS for every element\n- **Optimised NextJS Exports:** Export pages as an optimised NextJS build\n- **SEO:** Optimized SEO Ranking for custom pages\n- **Dynamic OG Cards:** Automatic Open Graph image generation for user content.\n- **Image Uploads:** Drag-and-drop image uploads for adding visual content to web pages.\n- **Page Analytics:** Track page performance and user behavior.\n- **TailwindCSS Support** Edit a custom page with TailwindCSS attributes\n- **Custom Domain Support**\n\n---\n\n## Demo\n\n[**View the live Demo**](https://framely.site)\n\n---\n\n## Tech Stack\n\nThis project is built with the following tools and services:\n\n- **Next.js**: React-based framework for building web applications.\n- **Tailwind CSS**: Utility-first CSS framework for styling.\n- **Shadcn**: UI component library.\n- **Prisma \u0026 MySQL**: Database ORM and relational database.\n- **Clerk Authentication**: Secure and flexible user authentication service.\n\n---\n\n## Resources\n\n- [**Article explaining the core technology**](https://dev.to/belastrittmatter/building-a-nextjs-website-editor-bj3)\n\nCreating Framely would not have been possible without the following resources:\n\n- [**YouTube video by Web Prodigies**](https://www.youtube.com/watch?v=6omuUOZcWL0\u0026t=49054s) – An in-depth tutorial on creating the underlying editor technology.\n- [**Vercel's guide to multi-tenancy**](https://vercel.com/guides/nextjs-multi-tenant-application)\n\n## Contributing\n\nWe welcome contributions!\n\n1. **Start a Discussion:** Share your ideas, feedback, or questions.\n2. **Open an Issue:** Report bugs or suggest improvements.\n3. **Submit Pull Requests:** Check out the roadmap or add your own feature enhancements.\n\n---\n\n## License\n\nThis project is open-sourced under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbelastrittmatter%2Fframely","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbelastrittmatter%2Fframely","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbelastrittmatter%2Fframely/lists"}