https://github.com/galembeck/astra-ai-builder

This project is an AI-powered website builder landing page that allows users to create fully functional websites with minimal effort.
https://github.com/galembeck/astra-ai-builder

animations framer-motion nextjs react shadcn shadcn-ui shadcnui tailwind tailwind-css tailwindcss

Last synced: 2 months ago
JSON representation

This project is an AI-powered website builder landing page that allows users to create fully functional websites with minimal effort.

• Host: GitHub
• URL: https://github.com/galembeck/astra-ai-builder
• Owner: galembeck
• Created: 2024-08-15T20:27:57.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-17T13:40:15.000Z (3 months ago)
• Last Synced: 2024-09-29T00:16:55.038Z (3 months ago)
• Topics: animations, framer-motion, nextjs, react, shadcn, shadcn-ui, shadcnui, tailwind, tailwind-css, tailwindcss
• Language: TypeScript
• Homepage: https://astra-ai-galembeck.vercel.app/
• Size: 5.11 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  🤖 | Astra - AI Powered Website Builder





## 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

1. Clone this repository:

   ```bash

   git clone https://github.com/galembeck/astra-ai-builder.git

   cd astra-wai-builder

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Setup env variables:

   ```bash

    # 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=/

   ```

5. Run the development server:

   ```bash

   npm run dev

   ```

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

Made with 💜 by Pedro Galembeck.