Welcome to Remix

• Remix Docs

Prisma Seeding in Development

• Until form login is working again login with discord and then copy paste the userId from prisma studio into the seed file

Component References

• Accordian - https://github.com/AllanSimoyi/PersonalWebsite/blob/main/app/core/components/AccordionItem.tsx
• Post Editor - TipTap
• Resizeable image component reference
• Blog Category Filter
  • reference

Database Setup

I use Render for hosting a postgress database using Prisma ORM. Create a new database and then add the following environment variables to your .env file.

DATABASE_URL=''

Image Upload Setup

Create a Cloudinary account and add the following environment variables to your .env file.

CLOUDINARY_API_KEY= CLOUDINARY_API_SECRET= CLOUDINARY_CLOUD_NAME=

Fly Setup

1. Install flyctl

2. Sign up and log in to Fly

flyctl auth signup

1. Setup Fly. It might ask if you want to deploy, say no since you haven't built the app yet.

flyctl launch

Development

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Maintaining package versions

npm-check -u

Deployment

If you've followed the setup instructions already, all you need to do is run this:

npm run deploy

You can run flyctl info to get the url and ip address of your server.

Check out the fly docs for more information.