Build a Full MVP Web Platform (Landing Site + Payment + Upload System + Admin Portal) Using Next.js + Supabase

Project Overview

I need a developer to create an MVP website for my company that offers:

AI Service (main feature)

(product1 page)

(product2 page)

The platform includes:

Landing page

Service pages

User accounts

Payment gateway

Credit system

Image upload system

Admin dashboard

Email notifications

This is a service/product showcase website + a functional upload system.
AI processing is done offline, not by the developer.

Core Pages Needed
1. Landing Page (Home Page)

Company logo

Full-width background image

Section showing 3 products/services:

Mai Service

Product1

Product2

Each product has “Learn More” button

Footer with links (Contact, Terms, etc.)

2. Ai Service Page

Includes:

Overview text + images

Payment button (Stripe recommended)

After payment:

User receives credits to upload images

OR direct redirect to Upload page

Payment Logic:

If upload fails after payment → credit remains

If user pays and leaves → credit stored for later use

Credits show in user dashboard

3. Product1 Page

Images + video

Description text

Button: Order or Request Quotation

Form for name / email / phone → send to admin email

4. Product2 Page

Same structure as tripod:

Images + video

Description

Order/Quotation form (email to admin)

5. Contact Page

Simple form

Sends email to admin

Includes company address, phone, social media links

User System Features
6. Authentication

Email login with Supabase Auth

Password or magic link login

User dashboard

7. User Dashboard

Show credits balance

Upload button (images only)

Job list:

Uploaded image

Status (Pending / Completed)

Download link for results

Show payment history

File Handling Workflow
Upload Process:

User uploads image

A new “Job” is created with Pending status

Admin receives email notification

Admin downloads the uploaded file

Admin processes it offline

Admin uploads result file to job record

User gets email that job is completed

User downloads result

Admin Portal (Required)

Login using same Supabase Auth (admin role)

View all jobs (table)

Download user images

Upload processed results

Change job status to Completed

See all payments & users

See total credits

Database Structure

Use Supabase PostgreSQL.

Tables needed:

users

jobs

credits

payments

Email Notification Requirements

Admin email:

When new image is uploaded

User email:

When job is completed

Contact page email

Product1 order email

Product2 order email

Can use SendGrid or Supabase SMTP.

Tech Stack

Next.js (React)

Supabase (auth, DB, storage)

Stripe (payment system)

Vercel (deployment)

Basic TailwindCSS UI

Deliverables

Fully working MVP website

Domain connected

Deployment on Vercel

Supabase backend configured

Payment system working

Credit system working

Admin portal

Email notifications

Documentation on how to use admin features

Clean and modern UI