Webaa

Webaa - AI Powered Website Builder

Introduction

Webaa is a modern, fully responsive website that demonstrates the power of a robust tech stack. Built with Next.js for server-side rendering, TailwindCSS for sleek styling, shadcn UI and Magic UI for elegant components, and Clerk for secure authentication, Webaa provides an outstanding foundation for building dynamic, high-performance websites.

Tech Stack

• Next.js: For building a React-based website with efficient server-side rendering.
• TailwindCSS: For utility-first styling and rapid UI development.
• Shadcn UI & Magic UI: For creating beautiful, responsive, and accessible UI components.
• Clerk: For secure and seamless user authentication.

Quick Start

Prerequisites

Make sure you have installed:

• Node.js
• Git
• npm / yarn / pnpm / bun

1. Clone the repository:
   git clone https://github.com/Gauravmandall/webaa-website.git
   cd webaa-website

2. Install dependencies:
   npm install

3. Setup environment variables in a .env file:
   # app
   NEXT_PUBLIC_URL=http://localhost:3000
   NEXT_PUBLIC_DOMAIN=localhost:3000
   
   # clerk
   CLERK_SECRET_KEY=
   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

4. Run the development server:
   npm run dev

5. Open your browser and navigate to http://localhost:3000 to see the website in action.