Napravi portfolio sajt za 30 minuta sa AI

U ovom tutorijalu ćeš napraviti moderan portfolio sajt koristeći Next.js, Tailwind CSS i Cursor AI. Bez prethodnog iskustva.

Šta ćeš napraviti

Portfolio sajt sa:

• Hero sekcijom sa tvojim imenom i opisom
• Sekcijom za projekte
• Kontakt formom
• Responsive dizajnom (mobile + desktop)
• Dark mode temom

Preduslov

Trebaš imati instalirano:

• Node.js (verzija 18+)
• Cursor editor
• Git (opciono)

Korak 1: Kreiranje projekta

Otvori terminal i pokreni:

npx create-next-app@latest moj-portfolio --typescript --tailwind --app
cd moj-portfolio

Izaberi sve default opcije.

Korak 2: Struktura

U Cursor-u, otvori Chat (Ctrl+L) i napiši:

Napravi mi strukturu za portfolio sajt sa sledećim sekcijama:
1. Navbar sa mojim imenom i navigacijom
2. Hero sekcija sa headline-om, opisom i profilnom slikom
3. Projekti sekcija sa grid karticama (3 projekta)
4. Kontakt forma sa imenom, emailom i porukom
5. Footer

Koristi Tailwind CSS, tamnu temu (pozadina #0a0a0f), 
moderan glassmorphism dizajn, ljubičastu (#6C3FE8) kao primarnu boju.

Cursor će generisati kompletnu strukturu fajlova.

Korak 3: Personalizacija

Zameni placeholder podatke sa tvojim:

const projects = [
  {
    title: "Moj prvi projekat",
    description: "SaaS aplikacija za upravljanje zadacima",
    tech: ["Next.js", "Prisma", "Tailwind"],
    url: "https://moj-projekat.vercel.app",
  },
  // Dodaj još projekata...
];

Korak 4: Deploy

npm run build
npx vercel

Pratite instrukcije i za 2 minuta imate sajt na internetu!

Rezultat

Za 30 minuta imate profesionalan portfolio sajt koji možete poslati klijentima ili staviti u CV.

Pro tip: Dodajte Google Analytics i custom domenu za profesionalniji utisak.

Ovo je samo jedan od projekata u Nivo 1 kursa Vibe Akademije. Pogledaj kompletan kurikulum →