用 AI 打造全新技術部落格：從舊架構到 Next.js 15 的完整改版歷程
分享如何用 Claude Code 花一天時間打造全新部落格，從舊 Blogger 架構分析、到 Next.js 15 新架構設計，整合 AI 生成圖片、影片、音樂與 TTS，並用 Vertex AI Veo 3.1 製作架構展示影片。
#docker#devops#frontend#ecommerce#nextjs#react#management#powershell#cloudflare#seo#ai#performance#infra#kubernetes#automation#vue#team#dotnet#travel#career#javascript#monitoring#linux#windows#philippines#security#reverse proxy#ga4#jenkins#payment#ubuntu#langchain#redis#baguio#pipeline#deployment#leadership#kong#api gateway#ci/cd#vscode#nginx#self-hosted#google#typescript#dns#analytics#csharp#usa#net core#cicd#cloud#english#gtm#google analytics#agile#network#container#ssl#growth#frp#https#qnap#blog#architecture#uptime kuma#grafana#lua#openresty#backup#communication#gke#google cloud#llama#node#cdn#image#ux#integration#css#學習筆記#raspberry pi#llm#nodejs#life#prometheus#gitlab#api#authentication#mariadb#load balancer#frps#nvidia#english learning#learning#language school#japan#hiking#conversion#scrum#github#eslint#chocolatey#systemd#domain#cache#database#jwt#image optimization#ssr#traffic#ollama#gpu#workplace#hardware#clarity#black friday#restore#3d#ssh#git#seq#log server#alert#event tracking#ddos#stylelint#optimization#ironman#triathlon#鐵人三項#lottie#animation#frpc#webpack#claude#migration#vibe-coding#ai-agent#sql#api-gateway#cluster#helm#python#copilot#code quality#registry#custom plugin#postgresql#vibe coding#omnichannel#mongodb#rate limiting#knowledge base#open source#toeic#mountain#language-school#gdpr#compliance#tracking#worm#tls#remote access#k6#next.js#artifact registry#gcp#review#strapi#qdrant#backend#nat traversal#llama factory#fine-tune#mindset#msbuild#cms#hr#checkout#collaboration#microsoft#search engine#職場#developer#three.js#ios#marketing#tailwind#tax#upgrade#teams#waf#firewall#image loader#json#headless#cybersource#debug#proxy#spa#state#query string#yarp#load balancing#jekyll#streaming#hls#notification#letsencrypt#vuex#memory leak#226#澎湖#certbot#adobe after effect#ae#i18n#localization#rendertron#virtual list#rendering#large data#dom#aspnet#taiwan#cycling#vertex-ai#veo#tech-sharing#developer-experience#gemini#bi#development#refactoring#bun#worker threads#flash sale#optimistic lock#queue#high concurrency#inventory#system design#hair care#engineer life#health#biotin#minoxidil#stress#elk#argocd#gitops#kubewizard#line bot#chatbot#自動化#chart#artifact hub#bitnami#.net#roslyn#analyzer#editorconfig#visual studio#image pull#gitlab runner#kaniko#buildkit#dind#dood#權限管理#acl#high availability#cursor#software engineering#productivity#restful api#rocket.chat#livechat#customer service#apisix#etcd#rate-limiting#emmylua#debugging#oracle cloud#vm#free tier#架站#plugin development#outline#wiki#minio#agent#mcp#banaue#sagada#rice terraces#adventure#practical english#self-improvement#surfing#san juan#speaking#roommate#story#留學#生活#vigan#heritage#unesco#food#language#study abroad#learning method#pines academy#camp-john-hay#humor#language learning#esl#self improvement#consent mode#facebook pixel#dma#privacy#reports#roas#jira#sprint#project management#workflow#google tag manager#events#wireshark#malware#analysis#developer experience#dx#coding standard#systemic#problem#thinking#improvement#mssql#metrics server#kubectl#samba#file sharing#openvpn#vpn#cadvisor#ingress#cron#autoscaling#hpa#load testing#cloud run#kubeadm#containerd#concurrency#port#loki#logging#winston#content marketing#writing#experience#germany#recommendation#vector-database#nestjs#oauth#prisma#iii#classmate#reunion#軟體工程師#資策會#bundle size#isr#machine learning#huggingface#cboa#cebu#trade off#decision#cuda#pytorch#deploy#estimate#wbs#timetable#project#deadline#programming#reflection#backlinks#internal links#external links#link building#low-code#sql server#windows server#troubleshooting#quiet quitting#culture#standing desk#dezctop#ergonomics#workspace#computex#ai-pc#azure openai#metadata#promotion#engineer#azure#speech-recognition#openai#language-learning#team rule#engineering culture#code review#employee benefits#team culture#ab test#featureprobe#feature flag#amazon pay#paypal#braintree#turnstile#bot#captcha#anti-bot#leave#work from home#remote work#wfh#elasticsearch#full text search#kibana#search#indexing#vietnam#logistics#market research#跨境電商#military#aafes#shopmyexchange#ftp#sftp#sftpgo#cloudflare tunnel#webdav#hyper-v#trust#project manager#pm#bing#webmaster#lead#帶人#溝通#職涯#wake on lan#wol#remote#teamwork#互惠互利#incentive#mysql#onedrive#video texture#gltf#glb#conversion rate#cta#tiktok#advertising#bootstrap#rustdesk#remote desktop#teamviewer#wiki.js#documentation#hyte#y40#gaming#海景機箱#開箱#pc build#argb#sales tax#holiday#retail#beyondcompare#sem#smo#remote build#app route#server component#heatmaps#session recordings#refactor#context api#shopping cart#amazon-pay#google schema#serp#structured data#json-ld#google signals#gtag#jest#rounding#finance#unit-testing#cart abandonment#omnisend#email marketing#coding-standard#scanner#3d-modeling#web3d#meeting#purchase#report#hiring#developer-environment#playwright#github actions#e2e test#testing#turbopack#link#sync#scheduler#vercel#asp.net core#frombody#binding#bug#shopify#bigcommerce#trend#google pay#search keyword#datalayer#swagger#node.js#content management#address validation#tag manager#credit card#authorize#capture#apple-pay#insurance#fraud#signifyd#fiddler#packet capture#prettier#router#routing#hook#useeffect#context#props#setstate#xss#css in js#framework#imageflow#image resize#component#lifecycle#rolling update#googlebot#pre-render#google search console#user-agent#mongodump#photography#sony#a74#macro#camera#google dns#ttl#github pages#free hosting#static site#直播#hls.js#video#runner#godaddy#certificate#keep alive#facebook#messenger#sdk#chat#比賽#完賽#black hat#keyword stuffing#訓練#補給#label printer#receipt printer#escpos#zpl#chrome devtools#real ip#proxy protocol#ip block#gateway#line#messaging api#lets encrypt#nlog#chinese#inobounce#bounce#mobile web#scroll#webkit#uptime-kuma#telegram#dynamic render#puppeteer#crawling#downgrade#chrome#svg#svg-sprite#icon#loading#axios#scss#prerender#dynamic rendering#intellisense#vetur#jsconfig#robots.txt#sitemap#search console#ranking#webp#converter#aliyun#rtmp#obs#live streaming#google sheets#dockerfile#sqlcmd#multi-site#install#robocopy#file copy#opendialog#release-notes#kenting#70.3#補給策略#裝備#markdown#nas#nuget#package#cli#samesite#cookie#safari#iframe#webshell#iis#asp.net#hacking#interview#virtual scroll#嘉明湖#fuji hill climb#bike race#mt fuji#overseas trip#yushan#百岳#outdoors#okinawa#bicycle#自行車#環島
Join our newsletter 🎉
Read and share new perspectives on just about any topic. Everyone's welcome.- 01Get more discount
- 02Get premium magazines
