跳到主要內容
+

Toolpad Core - 範例

瀏覽 Toolpad Core 範例的集合以協助您快速開始。

安裝

您可以使用這些範例中的任何一個來建立新專案,使用 create-toolpad-app 命令

npx create-toolpad-app@latest --example "example-name"

功能儀表板

此範例示範如何開始建置儀表板,使用 Toolpad Core、Next.js App Router、Auth.js 和 Material UI 元件在自訂主題中。

線上預覽

Vite 搭配 React Router 和 Firebase Auth

此應用程式示範如何開始使用 Toolpad Core,搭配 Vite、React Router 和使用 Firebase 進行身份驗證。

Vite 搭配 React Router 和模擬身份驗證

此應用程式示範如何開始使用 Toolpad Core,搭配 Vite、React Router 和任何外部身份驗證供應商。

Next.js App Router 搭配 Auth.js Passkey

此應用程式示範如何開始使用 Toolpad Core,搭配 Auth.js Passkeys 和 Next.js App Router。

Auth.js v4 搭配 Next.js Pages Router

此應用程式示範如何開始使用 Toolpad Core,搭配 Auth.js v4 和 Next.js Pages router。

Vite 搭配 React Router

此應用程式示範如何開始使用 Toolpad Core,搭配 Vite 和 React Router。

Auth.js Magic Link 搭配 Next.js App Router

此應用程式示範如何開始使用 Toolpad Core,搭配 Auth.js Magic Links 和 Next.js App Router。

Auth.js 搭配 Next.js Pages Router

此應用程式示範如何開始使用 Toolpad Core,搭配 Auth.js 和 Next.js Pages router。

Auth.js 搭配 Next.js App Router

此應用程式示範如何開始使用 Toolpad Core,搭配 Auth.js 和 Next.js App Router。

教學應用程式

此應用程式示範如何開始使用 Toolpad Core,並使用基本版面配置和導航功能。