01По чему се ово разликује од избора шаблона
Галерије шаблона показују ти готов дизајн и питају да ли ти се свиђа или не. Овај алат иде један слој дубље: сваки од шест праваца испод заснован је на правом, функционалном портфолију фотографа који је заиста проучен (снимци екрана, стваран распоред, израчунате боје, израчунати фонтови), а не на палети коју је неко измислио да лепо изгледа на узорку. Уредничка варијанта, на пример, користи EB Garamond јер је то буквално писмо у ком је постављен сајт једног правог модног фотографа, а подударање је утврђено директним прегледом странице.
Два обрасца појавила су се скоро свуда на правим сајтовима од којих је ово направљено, и уграђена су у сваки правац овде: навигација скривена иза једне хамбургер иконице без видљиве листе линкова, чак и на десктопу, и једна велика слика одједном уместо мреже. Боја интерфејса остаје близу нуле: боју даје фотографија, а не интерфејс.
02Шта добијаш на крају
Један структурисан упит који покрива општи правац, тачне хекс боје, називе фонтова и њихов пар, списак страница, понашање навигације, распоред галерије и уоквиравање слика, које функције да укључиш, препоруку за хостинг са стварним поређењем трошкова и фиксан скуп захтева за квалитет израде (приступачан алт текст, респонзивне прелазе, без тврдо уписаних тајни, слике које се учитавају касније). Налепи га у своју омиљену AI апликацију за кодирање и она има све што јој треба да почне.
03Од упита до сајта уживо: цео водич
Упит је дизајнерски бриф, а не циљна линија. Ево сваког корака између копирања упита и правог URL-а који можеш да ставиш на визиткарту, бесплатно или скоро бесплатно.
Копирај упит и отвори AI апликацију за кодирање
Раде Claude, Cursor, Claude Code, Windsurf или Replit-ов AI агент, све што може да пише и чува фајлове уместо тебе, не само да ћаска. Ако никад ниси користио ниједну, опција у прегледачу као што су claude.ai или Replit не захтева инсталацију: налепи упит као прву поруку.
Пусти је да гради, а онда стварно погледај шта је направила
Затражи да направи сајт као статички HTML/CSS/JS (или шта год је наведено у делу о хостингу у упиту) и да ти покаже преглед. Провери шест ствари које је упит тражио (боје, фонтове, понашање галерије, навигацију, уоквиравање, странице) пре него што наставиш. Много је јефтиније поправити погрешну акцентну боју сад него пошто се фотографије убаце.
Убаци своје праве фотографије, биографију и контакт податке
Замени сваку слику чувара места и сваки ред пуњења. Затражи од своје AI апликације да за сваку фотографију успут напише стваран, конкретан alt атрибут, не „image1.jpg“, већ прави опис, јер је то и захтев приступачности и мали SEO подстицај. Ово је и тренутак да двапут провериш да ли контакт форма заиста води на имејл адресу коју провераваш.
Постави га на бесплатан хост
Ако си изабрао ниво „Статички & бесплатно“, затражи од своје AI апликације да те проведе кроз повезивање фасцикле пројекта или GitHub репозиторијума са једним од хостова на страници Хостинг у менију изнад. Сва четири граде и постављају аутоматски сваки пут када пошаљеш измену; нема ручног отпремања када се једном повежеш.
Повежи сопствени домен (необавезно, али вреди)
Бесплатан поддомен (као yourname.netlify.app) сасвим је добар за почетак. Када будеш спреман за yourname.com, то је куповина домена плус једна DNS измена, детаљно описано даље доле.
04Који бесплатан хост да изабереш?
Било који од ових поставиће статички сајт уживо без трошка, са бесплатним HTTPS-ом и бесплатним нивоом који лако покрива саобраћај личног портфолија. Ограничења бесплатних нивоа се прилично често мењају, зато бројеве на страници Хостинг узми као општи облик, а не као тачне тренутне цифре, и провери страницу са ценама сваког провајдера пре него што се одлучиш.
Затражи од своје AI апликације за кодирање да са тобом уради стварне кораке постављања: „повежи овај пројекат са Netlify-јем“ сасвим је нормална ствар за тражење, и обично те може провести кроз прављење налога и прво постављање за пар минута.
05Повезивање сопственог домена
Домен је мала годишња накнада (обично $10 до 20 годишње зависно од наставка), одвојена од хостинга, који остаје бесплатан. Три дела:
- Купи домен. Namecheap, Cloudflare Registrar или наследник Google Domains-а (Squarespace Domains).
- Додај DNS запис. CNAME (или A запис) који усмерава твој домен на твој хост, додат на контролној табли регистратора. То су два реда у табели регистратора:
CNAMEзаwwwкоји показује на адресу коју ти хост даје, као што јеyour-portfolio.netlify.app, иAзапис за чисти домен који показује на IP адресу хоста. - Додај га у свом хосту. Налепи исти домен у подешавања „сопственог домена“ свог хоста; HTTPS се подешава сам.
Сваки хост на страници Хостинг има језичак „Custom domain“ или „Domains“ који ти даје тачан запис за додавање: копирај га, додај код регистратора и чекај. DNS измене обично ступају на снагу за неколико минута до неколико сати, повремено и до 24 до 48 сати. Твоја AI апликација за кодирање може да те води кроз контролну таблу твог регистратора ако запнеш; направи снимак екрана странице подешавања и питај је на шта да кликнеш. Катанац се види, нема упозорења „није безбедно“: то је циљна линија.
06Листа пре лансирања
Пет минута са овом листом хвата већину онога због чега портфолио делује недовршено. Провере су на страници Пре лансирања у менију изнад; штрихуј их док ти иду.
07Често постављана питања
Не. Правиш визуелне изборе, алат пише детаљан упит на обичном језику, а твоја AI апликација за кодирање то претвара у прави сајт.
Сваки правац заснован је на правом, функционалном портфолију фотографа који је директно проучен, а не измишљен од нуле, до подударања тачног фонта са правог сајта.
Без налога, без регистрације, ништа се не плаћа. Фотографије које спустиш на индекс за преглед исцртавају се на платну у твом прегледачу и никад га не напуштају.
8 до 20 твојих најбољих слика извезених као оптимизовани JPG или WEBP, кратка биографија и лого ако га имаш. Маргинални текст испод зида га наводи.