All‑in‑One, Fully Guided
Documentation Hub
Start to mastery — guided at every step. Learn how to edit live in the browser, hand over to clients safely, reuse your packages across projects, and apply app‑code updates without ever overwriting your content or database.
You can deploy, manage, and host Fluxedita using any remote services that support Next.js. Pick the providers that fit your workflow.
Read Me
An in-depth look at the Fluxedita platform, its features, and architecture.
Built with Next.js, Supabase, and Cloudinary for a powerful, scalable platform.
Instantly edit your site live in the browser with robust admin controls and security.
Designed for professionals to manage content, media, and offer a seamless experience.
Installation Process
A quick overview of the steps to get your Fluxedita site up and running.
Go from download to live website in minutes, no coding experience required.
Seamlessly connect with free tiers of Gmail, Supabase, Cloudinary, and Vercel (optionally GitHub as a remote).
The same streamlined process works for all packages, ensuring long-term growth.
Editable Pages and Sections
Learn how every page and section is modular, database-driven, and fully admin-editable for maximum flexibility.
Pages are built from modular, reusable section components for maximum flexibility.
All content and layout are stored in the database as JSONB for dynamic rendering.
Admins can add, edit, reorder (using up/down controls), and remove sections directly from the frontend.
Editable Section Components
Deep-dive into the architecture and best practices for editable section components.
Each section is a reusable, editable React component.
Sections are managed and composed via the Page Controls sidebar.
Easily add, edit, and rearrange sections for any page.
Section Component Quick Reference
A practical checklist and reference for creating and integrating new section components.
Checklist for adding new section components.
Reference for interfaces, templates, and file structure.
Common issues and best practices for section integration.
Custom Code Component Guide
Add custom HTML, CSS, and JavaScript to your pages using JSX. All code must be wrapped in a function that returns JSX.
Add custom HTML, CSS, and JavaScript using JSX.
Follow JSX rules for safe and valid custom code.
All code is sandboxed and validated for safety.
Cloudinary Setup Guide
Step-by-step setup for Cloudinary integration (media storage/optimization).
Step-by-step setup for media storage and optimization.
Environment variables and secure credential management.
Organize uploads and manage folders for your assets.
Supabase Setup Guide
Step-by-step setup for Supabase (database/auth).
Step-by-step setup for database and authentication.
Manage environment variables and secure access.
Configure client, test connection, and manage schema.
Configure Contact Form Gmail
Guide for configuring the contact form to send emails via Gmail.
Guide for configuring the contact form to send emails via Gmail.
Secure your Gmail account with app passwords for SMTP.
Update environment, API route, and frontend for attachments.
Uploads Readme
Documentation for media upload workflows and gallery management.
Documentation for media upload workflows and gallery management.
Public, exclusive, and behind-the-scenes galleries supported.
CDN delivery, file validation, and backup best practices.
Initialize Local Repo and (Optional) Connect Remote
Step-by-step guide for initializing a local repo, with an optional step to connect and push to a remote (e.g., GitHub).
Initialize locally; optionally connect a remote (e.g., GitHub).
Best practices for .gitignore and initial commit.
Push to main and keep your remote up to date (if used).
Disaster Recovery Plan
Disaster recovery plan for database and application.
Plan for database and application recovery.
Automate backups and restore your database with confidence.
Test recovery, document procedures, and keep contacts updated.