Fluxedita Installation Guide
From Zip File to Live Website in Minutes

Step 1: Unzip Your Fluxedita Package

Find the `.zip` file you received after purchase. Unzip it to a folder of your choice. Open the folder in VS Code (or any code editor).

Step 2: Prepare Your Environment File (.env)

Fluxedita needs to communicate with third-party services like Supabase and Gmail to run your site. You’ll configure these services in a secure `.env` file:

In your project folder, locate `.env.example` and rename it to `.env`:

mv .env.example .env

Open the `.env` file and replace the placeholders with your credentials:

• SUPABASE_URL, SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY from Supabase.
• CLOUDINARY_CLOUD_NAME, API_KEY, API_SECRET, URL from Cloudinary.
• GMAIL_APP_PASSWORD (not your regular Gmail password — follow this guide to create one).

Important: Keep your credentials private and do not share them.

Step 3: Initialize Git (Locally)

Open your terminal in the root folder of your project and run:

git init 
git add . 
git commit -m "Initial commit"

Your project is now under Git version control. The Fluxedita package already includes a `.gitignore` file, so you're all set!

Step 4: Create a GitHub Repository

Go to GitHub and create a new empty repository (don’t add any files). Link your local project folder to GitHub:

git branch -M main 
git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git 
git push -u origin main

Step 5: Set Up Your Supabase Project

Go to your Supabase dashboard and create a new project. Use the supplied SQL scripts to populate the new Supabase database:

• `init.sql`
• `rls_policies.sql`

Create your first user in Supabase. Apply the third script to promote the user to an 'admin' role with a 'premium' membership.

All scripts are located in the `supabase` folder within your project.

Step 6: Deploy to Vercel

Go to Vercel and log in with GitHub. Import your GitHub repository into Vercel. When prompted, enter your `.env` values (Supabase, Cloudinary, etc.) in the Vercel environment variables section. Click Deploy.

Within a couple of minutes, your site will be live at: https://your-project-name.vercel.app

Step 7: Log In and Start Editing

Open your live site. Log in as the admin user you created in Supabase. You’re now in full control! Start editing pages, managing content, and customizing your site right from your browser.

Bonus: Contact Form Setup

Fluxedita includes a built-in contact form powered by Gmail’s SMTP service. When users fill out the form, you’ll get notifications directly in your Gmail inbox.

Want to use another mail service (e.g., Outlook, Zoho, SendGrid)? Just update the SMTP fields in your `.env` file and redeploy through Vercel.

Updating Your Site

To push any updates to your live site:

• Make your changes locally.
• Run the following commands:

git add . 
git commit -m "Update page or section" 
git push origin main

Vercel will automatically redeploy your site with the changes.