https://github.com/chris-aqui/threads-app-clone
Next.js 13 Threads App | React, Next JS, TypeScript, MongoDB | [Project]
https://github.com/chris-aqui/threads-app-clone
clerk-auth frontend mongodb-atlas nextjs13 project reactjs tailwindcss typescript zod
Last synced: about 2 months ago
JSON representation
Next.js 13 Threads App | React, Next JS, TypeScript, MongoDB | [Project]
- Host: GitHub
- URL: https://github.com/chris-aqui/threads-app-clone
- Owner: chris-aqui
- Created: 2023-08-24T19:25:00.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-28T01:44:45.000Z (almost 3 years ago)
- Last Synced: 2025-06-29T23:34:43.394Z (12 months ago)
- Topics: clerk-auth, frontend, mongodb-atlas, nextjs13, project, reactjs, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://threads-app-clone-beryl.vercel.app
- Size: 151 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Next.js 13 Threads App | React, Next JS, TypeScript, MongoDB
## Core Technologies
- Next.js: A popular React framework used for server-rendered React applications.
- TypeScript: A superset of JavaScript that adds static types.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
## Project Structure
- App Logic (app/)
- Auth: Contains the authentication logic, including sign-in and sign-up pages.
- Root: Houses the main application logic, including activity, communities, profiles, and threads.
- API: Contains server-side logic for things like uploading and webhooks.
## Components (components/)
- Cards: Components like CommunityCard, - ThreadCard, and UserCard for displaying various types of content.
- Forms: Form components for account profiles, comments, deleting threads, and posting threads.
- Shared: Shared UI components like sidebars, pagination, and headers.
- UI: Lower-level UI components like buttons, inputs, and labels imported from **shadcn**
## Constants (constants/)
Houses constant values that are used throughout the application.
## Libraries and Utilities (lib/)
- Actions: Functions for interacting with communities, threads, and users.
- Models: Data models for communities, threads, and users.
- Validations: Validation logic for threads and users.
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## ScreenShot
## Deploy on Vercel
https://threads-app-clone-beryl.vercel.app/