Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ahmadammarm/webcademy

Simple Online Video Course Website Built with NextJs 14
https://github.com/ahmadammarm/webcademy

clerk clerkauth learning-management-system nextjs nextjs-app-router nextjs14 react tailwindcss vercel vercel-deployment

Last synced: about 4 hours ago
JSON representation

Simple Online Video Course Website Built with NextJs 14

Awesome Lists containing this project

README

        

# Welcome to Webcademy Project

Tech Stack :

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

Clone this repository :

```bash
git clone https://github.com/ahmadammarm/webcademy.git
```

Change your direction path :

```bash
cd webcademy
```

Install the NPM :

```bash
npm install
```

Install Clerk Authentication :

```bash
npm install @clerk/nextjs
```

Go to clerk dashboard :

[Clerk Dashboard](https://dashboard.clerk.com)

Setting ur Environment Keys in .env :

```bash
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=YOUR_CLERK_PUBLIC_KEY
CLERK_SECRET_KEY=YOUR_CLERK_SECRET_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 in your local :

```bash
npm run dev
```

Open in your local browser :

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.