Welcome to the Social App! This is a beginner-friendly project that demonstrates how to implement CRUD operations using Next.js, NextAuth.js, Prisma, Tailwind CSS, and tRPC. The app is designed to follow best practices and uses PostgreSQL as the database.
- User authentication and authorization using NextAuth.js
- CRUD operations for managing user profiles, posts, and comments
- Integration with Prisma for database management
- Responsive and modern UI design using Tailwind CSS and Shadcn UI
- API communication with tRPC
To get started with the Social App, follow these steps:
- Clone the repository:
$ git clone https://github.com/unloopedmido/social-app.git - Install dependencies:
$ npm install - Set up the PostgreSQL database and update the connection details in the
.envfile. - Run database migrations:
$ npx prisma migrate dev - Start the development server:
$ npm run dev - Open your browser and navigate to
http://localhost:3000
If you do not want to use PostgreSQL for the database, you can switch to another provider in your schema.prisma and make sure to change the DATABASE_URL in your .env file accordingly.
Here are the supported database providers:
- PostgreSQL
- MySQL
- MongoDB
- CockroachDB
- MariaDB
- Microsoft SQL Server
- SQLite
More info about supported databases here
Contributions to the Social App are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request on the GitHub repository.
In the future, we plan to implement a comments system to enhance the social interaction within the app. Stay tuned for updates!
- Next.js Documentation
- NextAuth.js Documentation
- Prisma Documentation
- Tailwind CSS Documentation
- shadcn/ui Documentation
- tRPC Documentation
- Create T3 Documentation
I'd like to give a special thanks to the creators of create-t3-app as this project was scaffolded using their generator which also follows the best typescript and nextjs practices