2024-04-28 01:38:24 -04:00
|
|
|
# Sandbox: Frontend
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
This is a Next.js 14 project using Typescript, Shadcn UI, Clerk, Socket.IO, and the Monaco Editor.
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
## Setup
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
Create a [Clerk](https://clerk.dev/) account and project to get your public + private key.
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
Then, set up your `.env` file with the required environment variables:
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
```env
|
|
|
|
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<YOUR_KEY>
|
|
|
|
CLERK_SECRET_KEY=<YOUR_KEY>
|
|
|
|
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
|
|
|
|
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
|
|
|
|
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
|
|
|
|
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
|
|
|
|
```
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
## Running Locally
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
First, run the development server:
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
```bash
|
|
|
|
npm run dev
|
|
|
|
```
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
2024-03-19 12:13:18 -04:00
|
|
|
|
2024-04-28 01:38:24 -04:00
|
|
|
Deploy on Vercel or any platform of your choice.
|