https://github.com/harshmriduhash/builder
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.
https://github.com/harshmriduhash/builder
clerk-authentication magicui nextjs node shadcn-ui tailwindcss
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/harshmriduhash/builder
- Owner: harshmriduhash
- License: cc0-1.0
- Created: 2025-01-27T09:34:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-29T05:20:52.000Z (over 1 year ago)
- Last Synced: 2026-01-03T19:37:43.964Z (6 months ago)
- Topics: clerk-authentication, magicui, nextjs, node, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 5.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Builder - AI Powered Website Builder
## Introduction
It's 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/harshmriduhash/builder.git
cd astra
```
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.