Fullstack Twitter Clone

This is the accompanying repository to this tutorial., and has recently been updated to use a more modern tech stack.

• For the code accompanying the original tutorial, switch to the original-main branch.
• Check out the Demo app at fullstack-twitter-kunalgorithm.vercel.app.

Development

Clone the repository then install dependencies

yarn

To create the .env files with example values run

yarn setup

NOTE: only run yarn setup once. This will create a .env file in the root directory with a JWT_SECRET and an .env in prisma with a DATABASE_URL pointing to a local sqlite file.

Now, run the development server

yarn dev

and visit localhost:3000.

Deploy to Render

Clicking the button above will spin up a web service ($/7 month) connected to this repo and a postgres instance (an additional $/7 month). Environment variable DATABASE_URL will automatically be pointed to the new database, and JWT_SECRET will be assigned a randomly-generated 256-bit secret.

You'll be asked for permission on the render interface before the magic happens.

Deploy on Render manually

You'll need to deploy a postgres instance (starts at $7/month on render) and then copy over the internal access url to the environment variable DATABASE_URL.

The only other variable you'll have to set is JWT_SECRET with jsonwebtoken uses to create unique cookies to authenticate user sessions.

Production build and start scripts

Render should detect that you're deploying a next app and set the appropriate build and start commands automatically, but in case you need them

Build

yarn && yarn generate && yarn build

Start

yarn start

Deploy to Vercel

1. Install the CLI

npm i -g vc

2. Run the deployment command in the root directory

vc

3. Set the environment variables for DATABASE_URL to the external string of your postgres instance, and JWT_SECRET to your super secret passphrase.