iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

使用Nextjs及Xata全端開發 打造屬於你的討論版SaaS 系列

這個題目中你將會:
打造一個屬於你的討論版SaaS
成果會類似
https://www.akraft.net/service/66a6eca2bfccee3f04a52bc4

技術線:
前後端使用Nextjs這個框架
DB使用Xata這個PaaS

如果你可以事先了解會更好:
1. React
2. Typescript
3. Tailwind
4. git / github

參賽天數 25 天 | 共 25 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] 來統一管理轉導向吧 - Nextjs的middleware

Nextjs的middleware 我們來學Nextjs的middleware 在你的src/middleware.ts建立檔案 import { NextRe...

2024-09-10 ‧ 由 skynocover 分享
DAY 22

[Day22] 來部署我們的服務吧 - Vercel

今天我們要來部署我們的服務了部署的平台我們選擇Vercel Vercel 選擇Vercel有以下幾個原因 無縫整合: Vercel是Next.js的創建者,...

2024-09-11 ‧ 由 skynocover 分享
DAY 23

[Day 23] SEO - Nextjs的Metadata

既然服務都上線了 那我們來搞點SEO相關的設定吧 Metadata 到src/app/layout.tsx 修改以下的程式碼 export const meta...

2024-09-12 ‧ 由 skynocover 分享
DAY 24

[Day24] Nextjs 的動態載入

Suspense 你可能知道React的一個特性 import { Suspense } from 'react'; function Page() {...

2024-09-13 ‧ 由 skynocover 分享
DAY 25

[Day25] 幫你的討論版增加更多身份驗證 - 變成你專屬部落格

今天這個討論版除了可以當討論版以外還可以當作個人部落格來使用只需要加上permission 讓特定用戶可以發文就好我們來實作看看吧 安裝套件 先安裝今天會用到的...

2024-09-14 ‧ 由 skynocover 分享