A little backend for this portfolio

Hey everyone!

I really liked this 3D portfolio, so I decided to add a small backend to make managing projects much easier and no need to add them inline into the jsx.

I used Convex for the backend, which is super easy to get started with. All you need to do is sign up and create a project. No need to manually add values one by one. You can follow the quickstart guide here: Convex React Quickstart

To get started:

Fork the repo: https://github.com/PhatDoge/3d-portfolio-website/tree/main

Run npm install

Then run npx convex dev

This will ask if you want to create a new Convex project or use an existing one (if you already created one on the site). It will also generate an .env file at the root of your project with the CONVEX_DEPLOYMENT and the URl.

Make sure to add your admin key to the .env as well. (Yes, the passkey is hardcoded since this is intended for personal use — but you're totally free to implement proper auth with Clerk, Google OAuth, etc.)

Here’s theexample .env.local: CONVEX_DEPLOYMENT=dev:example-id-123 VITE_CONVEX_URL=https://example-id-123.convex.cloud VITE_ADMIN_PASSKEY=your-admin-passkey i also added a service section , no worries if you dont like it it will not render until you add something there and toggle to active, in the future you could add a Stripe or any payment service to your services cards.

is that simple, i hope this is helpful for somebody.

PS: the whole backend forms are in EN/ES, you will have to change change the static data of the frontend (the one you build) and also the name, icon and the contact.jsx info, language and stuff, you already should have all of that