astra-ai-builder
This project is an AI-powered website builder landing page that allows users to create fully functional websites with minimal effort.
Stars
4
Committers
1
Introduction
Astra is a modern, fully responsive website built with a powerful tech stack. This project showcases the use of Next.js for server-side rendering, TailwindCSS for sleek styling, shadcn UI for elegant components, and Clerk for secure authentication.
Tech Stack
- Next.js: For building the React-based website.
- TailwindCSS: For styling with utility-first CSS.
- Shadcn UI: For UI components.
- Magic UI: For UI components.
- Clerk: For user authentication.
Quick Start
Prerequisites
Make sure that you have installed
- Node.js
- Git
- npm / yarn / pnpm / bun
-
Clone this repository:
git clone https://github.com/galembeck/astra-ai-builder.git cd astra-wai-builder -
Install dependencies:
npm install -
Setup env variables:
# 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=/ -
Run the development server:
npm run dev -
Open your browser and navigate to http://localhost:3000 to see the website in action.
Made with 💜 by Pedro Galembeck.