Deploy Next.js บน Vercel

Deploy Next.js บน Vercel
jirawat-dev
admin

สำหรับการ deploy เว็บที่พัฒนาด้วย next.js เราสามารถ deploy บน vercel ได้ง่ายๆ โดยไม่ต้องเสียค่าใช้จ่าย เพียงแค่ pust code ขึ้นบน github แล้วเชื่อมต่อกับ vercel ก็สามารถ deploy ได้เลย

vercel new project

ทำการ import git repository ของเรา โดยเลือก Import Git Repository

Vercel Import Git Repository

เลือก Repository แล้วกด Save

Select Repository

กด import ที่ repository ที่เราต้องการ deploy

import repository

ตั้งชื่อ Project ที่ต้องการ Framework Preset เลือก Next.js แล้วกด Deploy

config project

เมื่อ deploy เสร็จแล้ว สามารถคลิ๊กที่รูปเพืิ่อเยี่ยมชมเว็บไซต์ หรือ คลิ๊กที่ Continue To Dashboard เพื่อทำการตั้งค่าต่างๆเพิ่มเติมได้

congratulations

ในตอนนี้ domain ของเว็บ จะมีชื่อที่ลงท้ายด้วย .vercel.app หากต้องการเปลี่ยนเป็น domain ที่เราต้องการ สามารถทำได้โดยการเข้าไปที่ Project ที่เราต้องการ แล้วเลือก Domain จากนั้นกด Add แล้วตั้งค่าตามต้องการ ซึ่งจะมาอธิบายขั้นตอนการทำในครั้งต่อไป