幫助我建成個人網站的參考資料

此列表包含理論學習、技術實作、設計參考等連結。

成功加入的功能

Airtable API

• Build a site with Nextjs and Airtable (article)

Google Sheets API

• How To Submit Form Data To Google Sheets using NextJS (YouTube)
• Building Forms with Next.js (Next.js docs)
• Google Sheets API (Google docs)

Google Analytics (gtag) 設定

• https://mariestarck.com/add-google-analytics-to-your-next-js-application-in-5-easy-steps/
• Next.js Example with Google Analytics (GitHub)
• Add gtag.js to your site (GA docs)
• Environment Variables (Next.js docs)
• Next Script for Google Analytics (Next.js docs)

WebDev 理論學習

Node.js URL 格式

• URL strings and URL objects (Node.js docs)

可否使用非英文的 URL？

• 網址可以使用非英文字母嗎？ (article)

HTML 的 aside 和 siderbar 的區別

• Sidebar and Aside are different! (article)

待建置的功能

Infinite Scroll - UX

• Quickly implement infinite scroll with Next.js and react-query (article)

MDX - content

• Improving My Next.js MDX Blog (article)

Strapi - CMS

• Build a blog with Next (React.js) and Strapi (article)

Prisma - ORM

• Prisma in 100 Seconds (YouTube)

Auth0 - authentication

• Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial (YouTube)

實用小工具

• Wrap - for terminal

設計參考

• James Q Quick
• Andreas Keller