In this app we are going to build a social network out of 4 technologies:
- Remix for our web framework
- Prisma for our database abstraction
- Planet Scale for our serverless database
- Vercel for our hosting environment
We will make a group discussion app. Users will be able to create an account with email and password. They will be able to create a group and add their friends to it. They will be able to post their thoughts to the group.
There are two commands you need to run in two different terminals:
yarn dev
yarn dev:db
yarn dev
starts the remix development server.
yarn dev:db
starts the planetscale database. Pick the branch you want to work off of when you start the command.
This assumes you have pscale
installed and you've logged in with the CLI.
After having run the create-remix
command and selected "Vercel" as a deployment target, you only need to import your Git repository into Vercel, and it will be deployed.
If you'd like to avoid using a Git repository, you can also deploy the directory by running Vercel CLI:
npm i -g vercel
vercel
It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its Git Integration.
To run your Remix app locally, make sure your project's local dependencies are installed:
npm install
Afterwards, start the Remix development server like so:
npm run dev
Open up http://localhost:3000 and you should be ready to go!
If you're used to using the vercel dev
command provided by Vercel CLI instead, you can also use that, but it's not needed.