Skip to main content

​
Appwrite Setup Overview

This portfolio uses Appwrite as the backend for:
  • Database - Storing all content (blogs, projects, products, settings)
  • Storage - Hosting images and files
  • Authentication - Admin login

​
Create Appwrite Project

  1. Go to cloud.appwrite.io
  2. Click Create Project
  3. Name it (e.g., “Portfolio”)
  4. Note your Project ID

​
Required Collections

CollectionPurpose
blogsBlog posts
blog_categoriesBlog categories
projectsPortfolio projects
project_categoriesProject categories
productsShop products
shop_categoriesProduct categories
ordersCustomer orders
shortlinksURL shortener
shortlink_analyticsClick tracking
shortlink_domainsCustom domains
header_sectionHomepage header
about_meAbout section
menubar_settingsNavigation settings
custom_fontsUploaded fonts

​
Required Storage Buckets

Bucket IDPurpose
reactbucketGeneral images
blog_imagesBlog thumbnails & content
shop-imagesProduct images
editor-imagesRich text editor uploads
shortlink-previewsShortlink preview images
custom-fontsCustom font files
order-filesOrder delivery files

​
Quick Setup Checklist

1

Create Database

Create a database named portfolio_db
2

Create Collections

Follow the Database Setup guide
3

Create Storage Buckets

Follow the Storage Buckets guide
4

Set Permissions

Follow the Permissions guide
5

Add Platform

Add localhost and your production domain to Platforms

​
Environment Variables

After setup, add these to your .env: 
VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT_ID=your_project_id
VITE_APPWRITE_DATABASE_ID=portfolio_db
VITE_APPWRITE_STORAGE_ID=reactbucket