Social Media Site

Overview

This is a mock social media site built by Jerren Trifan and Dolan Reynolds. It is similar in nature to a twitter style feed, with comments / likes / media features.

A working demo is accessible at social.trifall.com

Technologies Used

• Next.js 13 (Pages Router)
• React 18
• TailwindCSS
• HeadlessUI
• Turso (SQLite) Database
• Drizzle (ORM)
• Next-Auth
• UploadThing
• Zod
• React-Hook-Form

Getting Started

1. Install Yarn

2. Install dependencies:

   yarn install

3. Make a copy of .env.example and rename it to .env.local

4. Fill in the environment variables in .env.local with your own values

Development

First, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

(Database) Drizzle studio:

yarn studio

Open http://localhost:3333 with your browser to see the database studio.

Drizzle database migrations:

yarn generate

then

yarn migrate

Compile a production build:

yarn build

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.