鐵人檔案
這個題目中你將會:
打造一個屬於你的討論版SaaS
成果會類似
https://www.akraft.net/service/66a6eca2bfccee3f04a52bc4
技術線:
前後端使用Nextjs這個框架
DB使用Xata這個PaaS
如果你可以事先了解會更好:
1. React
2. Typescript
3. Tailwind
4. git / github
Nextjs的middleware 我們來學Nextjs的middleware 在你的src/middleware.ts建立檔案 import { NextRe...
今天我們要來部署我們的服務了部署的平台我們選擇Vercel Vercel 選擇Vercel有以下幾個原因 無縫整合: Vercel是Next.js的創建者,...
既然服務都上線了 那我們來搞點SEO相關的設定吧 Metadata 到src/app/layout.tsx 修改以下的程式碼 export const meta...
Suspense 你可能知道React的一個特性 import { Suspense } from 'react'; function Page() {...
今天這個討論版除了可以當討論版以外還可以當作個人部落格來使用只需要加上permission 讓特定用戶可以發文就好我們來實作看看吧 安裝套件 先安裝今天會用到的...
CRON 如果你在特定時間或特定週期需要執行特定的腳本或任務Vercel有CRON可以使用 什麼是CRON CRON 是一個在 Unix-like 操作系統中廣...
最近Edge的runtime已經越來越流行了 Edge的目的是在離用戶最近的位置處理請求，優化效能和回應時間它們特別適合處理需要快速回應的輕量級操作，如內容自訂...
我們來接手Nextjs的錯誤處理吧 錯誤處理的component 我們在src/components/layout/ErrorLogger.tsx中建立一個Er...
Xata的Branch 對Xata來說 他有一個很方便的功能叫做branch 他可以讓你的服務做好資料分離 先下指令做一個新的branch xata branc...
這三十天我們學到了以下的知識 基礎知識 Nextjs 渲染和數據獲取 useClient SSR與CSR SSR與CSR之間的溝通 ISR...
