diff --git a/docs_src/frontend/__init__.py b/docs_src/frontend/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs_src/frontend/tutorial001_py310.py b/docs_src/frontend/tutorial001_py310.py
new file mode 100644
index 000000000..69e6f37f9
--- /dev/null
+++ b/docs_src/frontend/tutorial001_py310.py
@@ -0,0 +1,5 @@
+from fastapi import FastAPI
+
+app = FastAPI()
+
+app.frontend("/", directory="dist")
diff --git a/docs_src/frontend/tutorial002_py310.py b/docs_src/frontend/tutorial002_py310.py
new file mode 100644
index 000000000..bb5349cde
--- /dev/null
+++ b/docs_src/frontend/tutorial002_py310.py
@@ -0,0 +1,5 @@
+from fastapi import FastAPI
+
+app = FastAPI()
+
+app.frontend("/", directory="dist", fallback="index.html")
diff --git a/docs_src/frontend/tutorial003_py310.py b/docs_src/frontend/tutorial003_py310.py
new file mode 100644
index 000000000..d0a526632
--- /dev/null
+++ b/docs_src/frontend/tutorial003_py310.py
@@ -0,0 +1,5 @@
+from fastapi import FastAPI
+
+app = FastAPI()
+
+app.frontend("/", directory="dist", fallback="404.html")
diff --git a/docs_src/frontend/tutorial004_py310.py b/docs_src/frontend/tutorial004_py310.py
new file mode 100644
index 000000000..647e92d10
--- /dev/null
+++ b/docs_src/frontend/tutorial004_py310.py
@@ -0,0 +1,7 @@
+from fastapi import APIRouter, FastAPI
+
+app = FastAPI()
+router = APIRouter()
+
+router.frontend("/", directory="dist", fallback="index.html")
+app.include_router(router, prefix="/app")
diff --git a/docs_src/frontend/tutorial005_py310.py b/docs_src/frontend/tutorial005_py310.py
new file mode 100644
index 000000000..a167824af
--- /dev/null
+++ b/docs_src/frontend/tutorial005_py310.py
@@ -0,0 +1,5 @@
+from fastapi import FastAPI
+
+app = FastAPI()
+
+app.frontend("/", directory="dist", fallback=None)