Fluxedita
Documentation Hub
Find everything you need to get started, troubleshoot issues, and master your Fluxedita website. Our guides are designed for all skill levels, from beginners to advanced developers.
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, GitHub, Supabase, Cloudinary, and Vercel.
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, 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.
GitHub Initialization Upload Guide
Step-by-step guide for initializing a local repo and uploading to GitHub.
Guide for initializing a local repo and uploading to GitHub.
Best practices for .gitignore and initial commit.
Push to main branch and update your repository.
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.