diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 97ec863..76458c7 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -23,24 +23,11 @@ const Home: NextPage = () => {
-
First Steps →
+
Go to Videos →
- Just the basics - Everything you need to know to set up your
- database and authentication.
-
-
-
-
Documentation →
-
- Learn more about Create T3 App, the libraries it uses, and how
- to deploy it.
+ The entire videos collection
diff --git a/src/pages/share/[videoId].tsx b/src/pages/share/[videoId].tsx
new file mode 100644
index 0000000..318998b
--- /dev/null
+++ b/src/pages/share/[videoId].tsx
@@ -0,0 +1,27 @@
+import { type NextPage } from "next";
+import Head from "next/head";
+
+import { api } from "~/utils/api";
+
+const VideoList: NextPage = () => {
+ const hello = api.example.hello.useQuery({ text: "from tRPC" });
+
+ return (
+ <>
+
+ Create T3 App
+
+
+
+
+
+
+ single video page
+
+
+
+ >
+ );
+};
+
+export default VideoList;
\ No newline at end of file
diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
new file mode 100644
index 0000000..5b43001
--- /dev/null
+++ b/src/pages/videos.tsx
@@ -0,0 +1,27 @@
+import { type NextPage } from "next";
+import Head from "next/head";
+
+import { api } from "~/utils/api";
+
+const VideoList: NextPage = () => {
+ const hello = api.example.hello.useQuery({ text: "from tRPC" });
+
+ return (
+ <>
+
+ Create T3 App
+
+
+
+
+
+
+ video collection list
+
+
+
+ >
+ );
+};
+
+export default VideoList;
\ No newline at end of file