Plura SaaS Project

Overview

Plura is a drag-and-drop website builder designed to empower users to create beautiful and functional websites in minutes, without needing any coding experience. Our mission is to simplify the website development process, allowing users to focus on their core business while we take care of the technical complexities.

🔋 Features

👉 Drag-and-Drop Interface: Create and customize your website effortlessly with an intuitive drag-and-drop builder.

👉 No Coding Required: Build professional websites without any programming knowledge.

👉 Responsive Design: All websites are mobile-friendly and look great on any device.

👉 Rich Component Library: Utilize a wide range of pre-built components to enhance your website's functionality and appearance.

👉 Integrated User Authentication: Secure and seamless user authentication powered by Clerk.

👉 Payment Processing: Easy integration with Stripe for handling payments.

👉 Customizable Themes: Tailor the look and feel of your website with our customizable themes.

⚙️ Tech Stack

Plural is built using the following technologies:

• Frontend:
  • Next.js
  • React
  • Tailwind CSS
• Backend:
  • Prisma
  • MySQL (or your preferred database)
• Authentication:
  • Clerk
• Payments:
  • Stripe
• Miscellaneous:
  • Radix UI
  • React Hook Form
  • Zod
  • Framer Motion

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

https://github.com/Darshit02/plura
cd plura

Installation

Install the project dependencies using npm:

npm install

or

npm install

Environment Variables

The following environment variables are required to run the project:

.env
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=
DB_USERNAME=
DB_PASSWORD=

NEXT_PUBLIC_URL=
NEXT_PUBLIC_DOMAIN=
NEXT_PUBLIC_SCHEME=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_STRIPE_CLIENT_ID=
NEXT_PUBLIC_PLATFORM_SUBSCRIPTION_PERCENT=1
NEXT_PUBLIC_PLATFORM_ONETIME_FEE=2
NEXT_PUBLIC_PLATFORM_AGENCY_PERCENT=1
NEXT_PLURA_PRODUCT_ID=
DATABASE_PASSWORD=

This was inserted by prisma init:

DATABASE_URL=
PROD_DATABASE_URL=
LOCAL_DATABASE_URL=
NEXT_PUBLIC_BUILDER_API_KEY=

Replace the placeholder values with your actual respective account credentials.

Running the Project

npm run dev

or

bun run dev

Open http://localhost:3000 in your browser to view the project.