Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mkaidev/mkaidev-media
Build A Full-Stack Social Media App With Next.js 15 (React Query, Lucia Auth, TypeScript, Tailwind)
https://github.com/mkaidev/mkaidev-media
Last synced: about 1 month ago
JSON representation
Build A Full-Stack Social Media App With Next.js 15 (React Query, Lucia Auth, TypeScript, Tailwind)
- Host: GitHub
- URL: https://github.com/mkaidev/mkaidev-media
- Owner: mkaidev
- Created: 2024-07-21T11:52:26.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-07-23T15:13:07.000Z (5 months ago)
- Last Synced: 2024-07-23T16:56:24.680Z (5 months ago)
- Language: TypeScript
- Homepage: https://mkaidev-media.vercel.app
- Size: 751 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build A Full-Stack Social Media App With Next.js 15
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
## environments
before start you must add .env file on root project and input your own environment
```js
# Vercel Postgres
POSTGRES_URL=""
POSTGRES_PRISMA_URL=""
POSTGRES_URL_NO_SSL=""
POSTGRES_URL_NON_POOLING=""
POSTGRES_USER=""
POSTGRES_HOST=""
POSTGRES_PASSWORD=""
POSTGRES_DATABASE=""
# Google OAuth
GOOGLE_CLIENT_ID=""
GOOGLE_CLIENT_SECRET=""
# Uploadthing
UPLOADTHING_SECRET=
NEXT_PUBLIC_UPLOADTHING_APP_ID=
# Stream
NEXT_PUBLIC_STREAM_KEY=""
STREAM_SECRET=""
# Other
CRON_SECRET=""
NEXT_PUBLIC_BASE_URL=""
```
If you want to learn how to create it please follow below tutorial👇:
➡ Tutorial Link 💚: [Build A Full-Stack Social Media App With Next.js 15](https://www.youtube.com/watch?v=TyV12oBDsYI&t=0s)
---
## ⭐DO NOT FORGET TO STAR THIS REPO⭐
---
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.