導覽

• 整自己blog #1 基本架構
• 整自己blog #2 Server架構
• 整自己blog #3 Strapi CMS
• 整自己blog #4 Next.js
• 整自己blog #5 Next.js + Tailwind
• 整自己blog #6 Next.js + Strapi
• 整自己blog #7 AWS
• 整自己blog #8 Docker + Route 53 + nginx
• 整自己blog #9 Github + Vercel

正文

之後貪方便唔用自己server host next.js 個app
原因係vercel provide 既next.js hosting 其實有香港CDN
速度好夠
而且接近傻瓜式 要main亦都好輕鬆 超推介大家用 所以除非係要收費好貴既話 唔係都唔會考慮轉返host係自己server度

係做之前locally 試下build 一個production 既build先 即係

npm run build

有warning 既話就代表d code有問題要執左先
唔係會deploy唔到

之後就可以黎到git果part
裝 git 先
然後login 返github account
之後開返個repo
開完就係返visual studio code度

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/XXXXX/blog.git
git push -u origin main

做完就會push左source code上github
下一步就係係vercel度開repo
揀返頭先開既repo
襟import
下一步可以自己customize個project既名
重點黎啦 就係要specify返env file
可以人手打或者import from .env
click ok 之後就基本上搞掂

如果以後要update 個網既話只需要重新push一次上github就ok

git add .
git commit -m "revision log"
git push -u origin main

黎到最後一步就係set domain name
入返dashboard -> domains
add domain 然後打返之後route 53 setup 既domain name
正常之後會prompt error
呢個時候返去aws 跟返指示加返個record 然後等15分鐘左右
咁就搞掂啦