Deployed link = threads toy app
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open https://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.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
The structure is simple. The app is divided into the root and the auth section . Both have their individual layout. It also has an api section which contains the upload things implementations and the web hooks . The components folder is inside the app and is in the src directory , and is divided into various structure.The actions are inside the lib folder which is "server actions" of the next js.
There are many features and tech stack of the app .
- authenication by the clerk.
- server action by the next js.
- it uses Mongo db for the database .
- shad cn ui for the components such as the card and also used its hook form which is inspired by the react hook form.
- it also uses the upload things , u can upload your profile images.
- it has the search functionality and the activity section .
- it also has the community section i.e the organization that is implemented by using the web hooks.
- the code base is entirely written in the typescript and the validation is implemented by the zod .
- there are still many features left such as when you get an invitation from an organization through an email which is provided by the clerk it is not redirected to the threads app .
- it has a comment funtionality but the like and share is not implemented yet.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The app is already deployed on the vercel Threads
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.