文章

next.js 串接 google recaptcha verify2 invisible

我不是機器人驗證,在一些敏感資訊的交互時候可以加上,確保操作者確實是本人。

驗證方式Google有提供兩個版本:v2、v3

其中v2版本又分為:checkbox(就是會有一個勾勾要打勾選我不是機器人)、invisible(從背景打api驗證送給後端)

閱讀更多

在 next.js 中使用巢狀的 layout

通常我們的網站會有Topbar、Footer之類的,在next.js專案中我們會把這樣的layout寫在一起:

閱讀更多

使用 Doceker 打包前端 next.js 專案

使用 next.js 製作網站不外乎就是為了 ssr 這個重點,因為一般的 SPA 網站像是純 react 或 vue,是沒有 seo 的,也就是當我們做好網站,google 搜尋引擎是搜尋不到你的內容的。

閱讀更多

React Next.js 如何設定路徑別名 alias

我們知道專案的一些基本設定,通常都會需要寫在某個 config 檔案中,但是創建 next.js 的專案時,初始他不會自動幫你產生 config 檔,所以我們要自己創建。

閱讀更多