Go to cloudinary.com and sign up for free.
The free plan gives you 25 GB of storage — enough for thousands of photos.
No credit card needed.

After logging in, click Media Library in the left sidebar.
Drag and drop your photos directly onto the page — you can upload many at once.
Optionally create folders to keep things organised (e.g. "Landscapes", "Portraits").

In Cloudinary, click any photo → click the link / copy URL icon.
The URL will look like this:
https://res.cloudinary.com/yourname/image/upload/v1234567/photo.jpg Pro tip: For faster loading, change /upload/ to /upload/w_2000,q_auto,f_auto/ in the URL. Same quality, much faster.

Go to the Photos tab above.
Paste the URL, enter a title, choose a topic, and click Add photo.
The photo appears instantly on your portfolio. Drag photos to reorder them.

Why: Without this, photos and settings are saved only in your browser. With it, everything is in the cloud — accessible from any device, instant updates.

Step 1 — Go to supabase.com → Sign up free → New project
Give it any name (e.g. lukafphoto), choose a region close to Croatia (e.g. EU West), set a database password → Create project (takes ~2 min to provision)

Step 2 — Create the database tables
In your Supabase project → click SQL Editor → New query → paste this and click Run:
create table if not exists lf_settings ( id integer primary key default 1, payload text ); create table if not exists lf_topics ( id bigserial primary key, name text not null, sort_order integer default 0 ); create table if not exists lf_photos ( id text primary key, url text not null, title text, topic text, hero text default 'no', sort_order integer default 0 ); alter table lf_settings enable row level security; alter table lf_topics enable row level security; alter table lf_photos enable row level security; create policy "public read settings" on lf_settings for select using (true); create policy "public read topics" on lf_topics for select using (true); create policy "public read photos" on lf_photos for select using (true); create policy "anon write settings" on lf_settings for all using (true) with check (true); create policy "anon write topics" on lf_topics for all using (true) with check (true); create policy "anon write photos" on lf_photos for all using (true) with check (true); Step 3 — Copy your API keys
In Supabase → Project Settings → API
Copy the Project URL and the anon / public key

Step 4 — Paste keys into the HTML file
Open lukafphoto.html in a text editor, find these two lines near the top of the script and paste your values:
const SUPABASE_URL = 'https://yourproject.supabase.co'; const SUPABASE_KEY = 'your-anon-key-here'; Step 5 — Re-upload to Netlify
Drag the updated HTML file to Netlify drop again. The sync status bar at the top of this admin panel will turn green: ✦ Connected to cloud

★

Everyday workflow — adding new photos

🔒

Protect your photos with a watermark