{"id":99626,"date":"2026-10-03T09:35:54","date_gmt":"2026-10-03T09:35:54","guid":{"rendered":"https:\/\/polteksci.ac.id\/blog\/?p=99626"},"modified":"2026-10-03T09:38:46","modified_gmt":"2026-10-03T09:38:46","slug":"gimana-kita-membuat-website-portofolio-pakai-vercel","status":"publish","type":"post","link":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/","title":{"rendered":"Gimana Kita Membuat Website Portofolio Pakai Vercel"},"content":{"rendered":"

Gimana Kita Membuat Website Portofolio Pakai Vercel<\/h1>\n

Saat ini, website portofolio bisa membantu<\/a> kita memperkenalkan kemampuan, pengalaman, dan hasil karya kepada orang lain.<\/p>\n

Kita bisa menggunakan portofolio untuk mencari pekerjaan, menawarkan jasa, atau membangun personal branding.<\/a><\/p>\n

Selain itu, kita tidak perlu membeli server sendiri untuk membuat website portofolio. Dengan menggunakan Vercel, kita dapat mengembangkan sekaligus mempublikasikan website secara praktis.<\/strong><\/p>\n

\"\"<\/h1>\n

Apa Itu Vercel?<\/h1>\n

Vercel merupakan platform yang membantu developer membangun, menjalankan, dan mempublikasikan website. Platform ini mendukung berbagai framework modern, termasuk Next.js.<\/p>\n

Vercel juga terhubung dengan GitHub. Dengan koneksi tersebut, kita bisa mengunggah kode ke repository GitHub dan meminta Vercel menjalankan proses deployment secara otomatis.<\/p>\n

Siapkan Bahan yang Kita Butuhkan<\/h2>\n

Sebelum membuat website, kita perlu menyiapkan beberapa hal. Kita membutuhkan:<\/p>\n

    \n
  • Akun GitHub<\/li>\n
  • Akun Vercel<\/li>\n
  • Editor kode seperti Visual Studio Code<\/li>\n
  • Data diri dan informasi portofolio<\/li>\n
  • Foto profil jika kita ingin menampilkannya<\/li>\n
  • Daftar proyek atau karya yang ingin kita tampilkan<\/li>\n<\/ul>\n

    Setelah semua bahan siap, kita bisa mulai membuat website.<\/p>\n

    Buat Project Website<\/h2>\n

    Kita bisa membuat project baru menggunakan framework yang kita kuasai. Jika kita ingin menggunakan Next.js, kita bisa membuat project melalui terminal.<\/p>\n

    Contohnya, kita bisa menjalankan perintah berikut:<\/p>\n

    npx create-next-app@latest portfolio\r\n<\/code><\/pre>\n
    Perintah tersebut akan membuat project Next.js dengan nama portfolio<\/code>.<\/p>\n
    Setelah proses selesai, kita bisa masuk ke folder project:<\/p>\n
    cd portfolio\r\n<\/code><\/pre>\n
    Kemudian, kita menjalankan website secara lokal:<\/p>\n
    npm run dev\r\n<\/code><\/pre>\n
    Browser akan menampilkan website melalui alamat lokal yang diberikan oleh Next.js.<\/p>\n
    Susun Halaman Portofolio<\/h2>\n
    Kita bisa membuat beberapa bagian penting dalam halaman portofolio. Misalnya, kita bisa membuat bagian:<\/p>\n
      \n
    1. Beranda<\/strong> untuk memperkenalkan diri.<\/li>\n
    2. Tentang Saya<\/strong> untuk menjelaskan profil dan kemampuan.<\/li>\n
    3. Proyek<\/strong> untuk menampilkan hasil pekerjaan.<\/li>\n
    4. Keahlian<\/strong> untuk menunjukkan teknologi atau kemampuan yang kita kuasai.<\/li>\n
    5. Kontak<\/strong> untuk memudahkan orang menghubungi kita.<\/li>\n<\/ol>\n
      Kita sebaiknya menggunakan desain yang sederhana agar pengunjung bisa menemukan informasi dengan mudah.<\/p>\n
      Hubungkan Project dengan GitHub<\/h2>\n
      Setelah kita menyelesaikan website, kita perlu menyimpan kode ke GitHub. Kita bisa membuat repository baru, lalu mengunggah seluruh project ke repository tersebut.<\/p>\n
      GitHub akan menyimpan kode website sehingga kita bisa mengelolanya dengan lebih mudah. Kita juga bisa melakukan perubahan kapan saja tanpa kehilangan versi sebelumnya.<\/p>\n
      Deploy Website ke Vercel<\/h2>\n
      Setelah kita mengunggah project ke GitHub, kita bisa membuka Vercel dan masuk menggunakan akun GitHub.<\/p>\n
      Kemudian, kita memilih repository yang berisi project portofolio. Vercel akan membaca konfigurasi project dan menyiapkan proses deployment.<\/p>\n
      Kita hanya perlu mengikuti beberapa langkah yang tersedia. Setelah proses deployment selesai, Vercel akan memberikan alamat website yang bisa kita buka melalui browser.<\/p>\n
      Update Website dengan Mudah<\/h2>\n
      Vercel juga memudahkan kita ketika ingin memperbarui portofolio. Kita cukup mengubah kode di komputer, lalu mengunggah perubahan tersebut ke GitHub.<\/p>\n
      Setelah kita melakukan push ke repository, Vercel akan mendeteksi perubahan tersebut dan menjalankan deployment baru secara otomatis.<\/p>\n
      Dengan cara ini, kita tidak perlu melakukan proses upload website secara manual setiap kali melakukan perubahan.<\/p>\n
      Kesimpulan<\/h2>\n
      Kita bisa membuat website portofolio dengan Vercel melalui beberapa langkah sederhana. Kita bisa membuat project, menyusun halaman portofolio, menyimpan kode di GitHub, lalu menghubungkan repository tersebut dengan Vercel.<\/p>\n
      Setelah itu, Vercel akan membantu kita menjalankan proses deployment. Selanjutnya, Vercel akan memproses dan mempublikasikan website sehingga kita dapat mengaksesnya melalui internet. Dengan demikian, kita dapat menampilkan website portofolio secara online dengan lebih mudah.<\/p>\n
      Dengan website portofolio yang rapi dan informatif, kita bisa memperkenalkan kemampuan serta karya kepada calon klien, perusahaan, maupun orang lain yang membutuhkan keahlian kita.<\/p>\n","protected":false},"excerpt":{"rendered":"
      Gimana Kita Membuat Website Portofolio Pakai Vercel Saat ini, website portofolio bisa membantu kita memperkenalkan kemampuan, pengalaman, dan hasil karya kepada orang lain. Kita bisa menggunakan portofolio untuk mencari pekerjaan, menawarkan jasa, atau membangun personal branding. Selain itu, kita tidak perlu membeli server sendiri untuk membuat website portofolio. Dengan menggunakan Vercel, kita dapat mengembangkan sekaligus […]<\/p>\n","protected":false},"author":51,"featured_media":99628,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","jnews-multi-image_gallery":[],"jnews_single_post":{"subtitle":"","format":"standard","override":[{"template":"7","parallax":"1","layout":"no-sidebar-narrow","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","share_position":"float","share_float_style":"share-normal","show_share_counter":"1","show_view_counter":"1","show_featured":"1","show_post_meta":"1","show_post_author":"1","show_post_author_image":"1","show_post_date":"1","post_date_format":"default","post_date_format_custom":"Y\/m\/d","show_post_category":"1","post_reading_time_wpm":"300","post_calculate_word_method":"str_word_count","show_zoom_button":"0","zoom_button_out_step":"2","zoom_button_in_step":"3","show_post_tag":"1","show_popup_post":"1","show_comment_section":"1","number_popup_post":"1","show_author_box":"1","show_post_related":"1","show_inline_post_related":"1"}],"image_override":[{"single_post_thumbnail_size":"crop-500","single_post_gallery_size":"crop-500"}],"trending_post_position":"meta","trending_post_label":"Trending","sponsored_post_label":"Sponsored by","disable_ad":"0"},"jnews_primary_category":[],"jnews_social_meta":[],"jnews_override_counter":{"view_counter_number":"0","share_counter_number":"0","like_counter_number":"0","dislike_counter_number":"0"},"_joinchat":{"telephone":"+67075508831"},"footnotes":""},"categories":[140,142,143,388,18,145,2045],"tags":[2283],"class_list":["post-99626","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application","category-design","category-digital","category-education","category-learning","category-technology","category-tulisan-mahasiswa","tag-vercel-websiteportofolio-portofoliowebsite-webdevelopment-webdeveloper-belajarcoding"],"yoast_head":"\nGimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI<\/title>\n<meta name=\"description\" content=\"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI\" \/>\n<meta property=\"og:description\" content=\"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/\" \/>\n<meta property=\"og:site_name\" content=\"Politeknik SCI\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-03T09:35:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-03T09:38:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1408\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio Sarmento\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Sarmento\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/\"},\"author\":{\"name\":\"Antonio Sarmento\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#\\\/schema\\\/person\\\/f8026c6603e1bf57068d2746de54aa7c\"},\"headline\":\"Gimana Kita Membuat Website Portofolio Pakai Vercel\",\"datePublished\":\"2026-10-03T09:35:54+00:00\",\"dateModified\":\"2026-10-03T09:38:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Gemini_Generated_Image_d815red815red815.jpg\",\"keywords\":[\"#Vercel #WebsitePortofolio #PortofolioWebsite #WebDevelopment #WebDeveloper #BelajarCoding\"],\"articleSection\":[\"Application\",\"Design\",\"Digital\",\"Education\",\"Learning\",\"Technology\",\"Tulisan Mahasiswa\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/\",\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/\",\"name\":\"Gimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Gemini_Generated_Image_d815red815red815.jpg\",\"datePublished\":\"2026-10-03T09:35:54+00:00\",\"dateModified\":\"2026-10-03T09:38:46+00:00\",\"description\":\"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Gemini_Generated_Image_d815red815red815.jpg\",\"contentUrl\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Gemini_Generated_Image_d815red815red815.jpg\",\"width\":1408,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/gimana-kita-membuat-website-portofolio-pakai-vercel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gimana Kita Membuat Website Portofolio Pakai Vercel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/\",\"name\":\"Politeknik SCI\",\"description\":\"Skillfull & Bussiness College\",\"publisher\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#organization\",\"name\":\"Politeknik SCI\",\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/cropped-logo-poltek1-1.png\",\"contentUrl\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/cropped-logo-poltek1-1.png\",\"width\":819,\"height\":192,\"caption\":\"Politeknik SCI\"},\"image\":{\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/#\\\/schema\\\/person\\\/f8026c6603e1bf57068d2746de54aa7c\",\"name\":\"Antonio Sarmento\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g\",\"caption\":\"Antonio Sarmento\"},\"url\":\"https:\\\/\\\/polteksci.ac.id\\\/blog\\\/author\\\/antoinio-sarmento\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI","description":"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/","og_locale":"id_ID","og_type":"article","og_title":"Gimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI","og_description":"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,","og_url":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/","og_site_name":"Politeknik SCI","article_published_time":"2026-10-03T09:35:54+00:00","article_modified_time":"2026-10-03T09:38:46+00:00","og_image":[{"width":1408,"height":768,"url":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg","type":"image\/jpeg"}],"author":"Antonio Sarmento","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Antonio Sarmento","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#article","isPartOf":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/"},"author":{"name":"Antonio Sarmento","@id":"https:\/\/polteksci.ac.id\/blog\/#\/schema\/person\/f8026c6603e1bf57068d2746de54aa7c"},"headline":"Gimana Kita Membuat Website Portofolio Pakai Vercel","datePublished":"2026-10-03T09:35:54+00:00","dateModified":"2026-10-03T09:38:46+00:00","mainEntityOfPage":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/polteksci.ac.id\/blog\/#organization"},"image":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#primaryimage"},"thumbnailUrl":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg","keywords":["#Vercel #WebsitePortofolio #PortofolioWebsite #WebDevelopment #WebDeveloper #BelajarCoding"],"articleSection":["Application","Design","Digital","Education","Learning","Technology","Tulisan Mahasiswa"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/","url":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/","name":"Gimana Kita Membuat Website Portofolio Pakai Vercel - Politeknik SCI","isPartOf":{"@id":"https:\/\/polteksci.ac.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#primaryimage"},"image":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#primaryimage"},"thumbnailUrl":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg","datePublished":"2026-10-03T09:35:54+00:00","dateModified":"2026-10-03T09:38:46+00:00","description":"Gimana cara membuat website portofolio pakai Vercel? Simak langkah mudah membuat, menghubungkan GitHub, dan melakukan deployment website ,","breadcrumb":{"@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#primaryimage","url":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg","contentUrl":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_d815red815red815.jpg","width":1408,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/polteksci.ac.id\/blog\/gimana-kita-membuat-website-portofolio-pakai-vercel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/polteksci.ac.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Gimana Kita Membuat Website Portofolio Pakai Vercel"}]},{"@type":"WebSite","@id":"https:\/\/polteksci.ac.id\/blog\/#website","url":"https:\/\/polteksci.ac.id\/blog\/","name":"Politeknik SCI","description":"Skillfull & Bussiness College","publisher":{"@id":"https:\/\/polteksci.ac.id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/polteksci.ac.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/polteksci.ac.id\/blog\/#organization","name":"Politeknik SCI","url":"https:\/\/polteksci.ac.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/polteksci.ac.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2022\/11\/cropped-logo-poltek1-1.png","contentUrl":"https:\/\/polteksci.ac.id\/blog\/wp-content\/uploads\/2022\/11\/cropped-logo-poltek1-1.png","width":819,"height":192,"caption":"Politeknik SCI"},"image":{"@id":"https:\/\/polteksci.ac.id\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/polteksci.ac.id\/blog\/#\/schema\/person\/f8026c6603e1bf57068d2746de54aa7c","name":"Antonio Sarmento","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/913f98f454324a914c5b7ac7506949740e45e29bd657cdb8f971f42269f02385?s=96&d=mm&r=g","caption":"Antonio Sarmento"},"url":"https:\/\/polteksci.ac.id\/blog\/author\/antoinio-sarmento\/"}]}},"_links":{"self":[{"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/posts\/99626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/comments?post=99626"}],"version-history":[{"count":1,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/posts\/99626\/revisions"}],"predecessor-version":[{"id":99629,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/posts\/99626\/revisions\/99629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/media\/99628"}],"wp:attachment":[{"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/media?parent=99626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/categories?post=99626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/polteksci.ac.id\/blog\/wp-json\/wp\/v2\/tags?post=99626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}