diff --git a/examples/nextjs-blog/.gitignore b/examples/nextjs-blog/.gitignore
new file mode 100644
index 0000000..55175ef
--- /dev/null
+++ b/examples/nextjs-blog/.gitignore
@@ -0,0 +1,32 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
diff --git a/examples/nextjs-blog/README.md b/examples/nextjs-blog/README.md
new file mode 100644
index 0000000..dd24db8
--- /dev/null
+++ b/examples/nextjs-blog/README.md
@@ -0,0 +1,103 @@
+# MarkdownDB Next.js Blog Tutorial
+
+This tutorial guides you through creating a simple Next.js-based blog using MarkdownDB. MarkdownDB empowers you to treat markdown files as a database, simplifying content management and querying.
+
+## Step 1: Set Up a Next.js Project
+
+Begin by creating a Next.js project. If Next.js is not installed, execute the following command, and make sure to include Tailwind:
+
+```bash
+npx create-next-app nextjs-blog
+cd nextjs-blog
+```
+
+## Step 2: Create a Folder for Blog Posts
+
+Establish a folder to store your blog posts within your project. For instance:
+
+```bash
+mkdir src/content
+cd src/content
+```
+
+Inside the content folder, create two sample blog posts using markdown, such as:
+
+```bash
+- embracing-minimalism.md
+- remote-work-productivity.md
+```
+
+## Step 3: Index Markdown Files into SQLite Database
+
+After preparing markdown files, store their metadata in a database using the MarkdownDB CLI. Execute the following command:
+
+```bash
+npx mddb ./content
+```
+
+## Step 4: Move `.markdowndb` Folder with `files.json` to the src Directory
+
+## Step 5: Load Blog Posts Using MarkdownDB
+
+Edit `pages/index.js`. Use the following code snippet:
+
+### Component 1: BlogList
+
+```jsx
+import fs from "fs";
+import Link from "next/link";
+import styles from "@/styles/Home.module.css";
+
+export default function Home({ posts }) {
+ return (
+ <>
+
+
+
Blog Posts
+
+ {posts.map((post) => (
+ -
+
{post.metadata.title}
+
+ ))}
+
+
+