跳到内容
+

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 和任何外部身份验证提供程序结合使用。

带有 Auth.js Passkey 的 Next.js App Router

此应用展示了如何开始将 Toolpad Core 与 Auth.js Passkeys 和 Next.js App Router 结合使用。

带有 Next.js Pages Router 的 Auth.js v4

此应用展示了如何开始将 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 结合使用。

带有 Next.js Pages Router 的 Auth.js

此应用展示了如何开始将 Toolpad Core 与 Auth.js 和 Next.js Pages router 结合使用。

带有 Next.js App Router 的 Auth.js

此应用展示了如何开始将 Toolpad Core 与 Auth.js 和 Next.js App Router 结合使用。

教程应用

此应用展示了如何开始使用 Toolpad Core 并使用基本的布局和导航功能。