https://github.com/Shreyas-29/astra
A smart AI-powered website builder landing page
https://github.com/Shreyas-29/astra
animations framer-motion magic-ui nextjs shadcn-ui tailwindcss
Last synced: 7 months ago
JSON representation
A smart AI-powered website builder landing page
- Host: GitHub
- URL: https://github.com/Shreyas-29/astra
- Owner: Shreyas-29
- License: cc0-1.0
- Created: 2024-05-27T05:12:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-04T05:05:28.000Z (over 1 year ago)
- Last Synced: 2024-08-04T06:22:38.616Z (over 1 year ago)
- Topics: animations, framer-motion, magic-ui, nextjs, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://astra-agency.vercel.app
- Size: 6.49 MB
- Stars: 17
- Watchers: 2
- Forks: 12
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github - agency.vercel.app) | ★198 | (Boilerplates & Starters)
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.
## Watch Tutorial on YouTube
Check out the preivew to see how this website was built: [Astra Website Tutorial](https://youtu.be/zSz67kLPbZY?si=mVBTTh23pv_roRHQ)
## 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/Shreyas-29/astra-website.git
cd astra-website
```
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.
## Assets
Download all the assets required for this project [here](https://drive.google.com).
## ☕ Buy Me a Coffee
If you enjoy using caps.ai, consider supporting my work!
[Buy Me a Coffee ☕](https://buymeacoffee.com/shreyas29)