PočetnaOblasti01 · Full-stack razvoj

Full-stack razvoj

React i Next.js frontendi sa Server Components, backend sa TypeScript, Python i PostgreSQL. Ova stranica pokazuje gde to pada, kako sam to napravio i po čemu možeš da proveriš.

Jedan prolaz, bez reza: unos, provera, odgovor, zapis.Video · 21:9
Oblast
01 od 04
Stack
11 tehnologija
Referenca
AI generator ekspozea
Model podataka na papiru, pre prve linije kodaVI-generisano
Prvo model podataka, pa tek onda interfejs. Tim redom, svaki put.21:9

Polazno stanje: aplikacije rastu po ivicama

Aplikacije rastu po ivicama. Prvo dođe jedna funkcija, pa drugi frontend, pa interfejs koji niko više ne sagledava. U jednom trenutku pitanje više nije šta treba izgraditi, nego ko još zna zašto je tako izgrađeno.

Skica arhitekture u tri rukopisaVI-generisano
Tri osobe su crtale po njoj. Nijedna više nije na projektu.16:9
Svako proširenje je samo za sebe bilo ispravno. Zajedno daju mapu koju niko više ne drži u glavi.Video · 21:9

Način rada

Krećem od procesa, ne od alata. Prvo model podataka, pa interfejsi, pa površina. Server Components kao standard, kod na klijentu samo tamo gde ga interakcija iznuđuje — to drži JavaScript budžet malim, a vreme učitavanja niskim.

DokaziPre i posle2 eksponata

Fotografija: model podataka na papiru, pre prve linije kodaVI-generisano

Referentni projekat za ovu oblast

Sposobnost bez projekta iza sebe je spisak tehnologija. Ovo je taj projekat — sa brojem koji je iz njega izašao i studijom slučaja u kojoj to možeš proveriti.

Regrutacija · veštačka inteligencija

3 min

po predlogu · ranije 45

Ekspozei koji se sami napišu za tri minuta

Od prijava i biografija nastaje gotov profil kandidata — Claude piše tekstove, pipeline slaže dokument.

Next.js TypeScript PostgreSQL pgvector RAG Claude / GPT / Gemini AWS (S3, Lambda) Docker

Snimak ekrana: formular i pregled jedan pored drugog
Isti slučaj iznutra: interfejs16:9
Snimak ekrana: isti prikaz na telefonu
Isti slučaj spolja: isto to na telefonu16:9

Svi referentni projekti

Na čemu sam radio

Četiri vrste posla, svaka sa onom jednom slikom koja je čini proverljivom. Numerisane da bi se na njih moglo pokazati — ne zato što jedna sledi drugu: svaka stoji za sebe.

  • 01

    Klijentski portali i interne platforme

    Screenshot · Klijentski portal u radu, stvarni podaci
  • 02

    Zamena kupljenih SaaS alata sopstvenim razvojem

    Screenshot · Sopstveni interfejs pored alata koji je zamenio
  • 03

    Migracija postojećih aplikacija na Next.js i SSR/RSC

  • 04

    Prerada performansi i UX-a izraslih sistema

Stack: Next.js, React, PostgreSQL

Posle polaznog stanja i načina rada niko više ne pita šta je instalirano — nego da li je išta od toga stvarno. Linija ostaje, dva okvira ispod nje odgovaraju.

Next.js React TypeScript Tailwind CSS SSR / RSC Node Python PostgreSQL Prisma REST-APIs WebSocket

U radu

Ponovljivo

Snimak ekrana · Prisma šema, tipizirana do upita

Red veličine

Posao je išao od zaokružene funkcije kroz četiri nedelje do platforme kroz više meseci. Prva upotrebljiva verzija je u oba slučaja stajala za dve do četiri nedelje.

Mali slučaj
Funkcija · Ograničen deoVI-generisano
Jedan ekran koji u ponedeljak nije postojao, a u petak je bio u produkciji.16:9
Veliki slučaj
Nije jedan ekran, nego broj delova koji moraju trajno da se slažu.Video · 16:9

Česta pitanja

Pet pitanja koja se redovno postavljaju o ovoj oblasti — odgovorena iz projekata u kojima su se pojavila.

Next.js ili samo React — po čemu se to odlučuje?
Sam React je dovoljan kada aplikacija radi iza logina i niko ne treba da je pronađe. Čim su stranice javne ili moraju brzo da se učitaju, Next.js preuzima renderovanje. Ova stranica je Next.js sa Server Components.
Koliko brzo je stajala prva upotrebljiva verzija?
Dve do četiri nedelje — bez obzira na to da li je na kraju stajala jedna funkcija ili platforma. Prva verzija je bila namerno mala: jedan ekran sa stvarnim podacima, proverljiv umesto da se veruje.
Može li izrasla aplikacija da se migrira umesto da se gradi iznova?
Najčešće da, i najčešće je to jeftinija računica. Migrira se ruta po ruta na Next.js — stara aplikacija ostaje uživo dok nova ne bude umela više od nje.
Šta Server Components donose za vreme učitavanja?
Premeštaju posao sa pregledača na server: manje JavaScript-a u bundle-u, manje vremena do prve upotrebljive slike. Kod na klijentu ide samo tamo gde ga interakcija iznuđuje.
Šta je na kraju ostalo — samo kod ili i dokumentacija?
Repozitorijum, opis deploymenta i odluke koje se u kodu ne vide. Tim je morao da može da gradi dalje bez mene — to je bila provera, a ne broj linija.

Kontakt

Pola minuta i znaš više.

Pola minuta o tome na čemu radim i kako. Ako ostane pitanje, piši mi — odgovor u roku od jednog radnog dana.

Četiri oblasti

Full-stack razvoj retko stoji za sebe — u većini projekata ova oblast zadire u bar jednu od ostalih. Zato lanac ide zajedno.

Jedna izmena prolazi kroz četiri sloja: interfejs, API, baza, cloud — sa vremenskom oznakom na svakoj staniciVI-generisano
Jedna izmena, četiri sloja — zašto oblasti idu zajedno21:9
Zapis deployment-a posle push-a: image, push, migracije, probe, rutiranje — uživo nakon 1:44VI-generisano

02

Cloud & Deployment

AWS arhitektura, deployment preko Docker-a, uredno upravljanje tajnama. Ili sopstveni server, ako je to bolja računica.

VI-slika · test-pitanja na karticama, odgovori poredVI-generisano

03

AI integracija

RAG pipeline-i, Embeddings i vektorska pretraga sa pgvector. Spremno za produkciju i uživo u upotrebi — ne kao demo.

Sinhronizacija 4471: 3.184 zapisa, jedno odstupanje — ERP 214 naspram šopa 209, odluka HOLDVI-generisano

04

Sistemska integracija

Middleware između sistema koji ne razgovaraju. Povezivanje sa marketplace-ovima, sinhronizacija zaliha i porudžbina.

Sve četiri oblasti