Add basic blog example in the readme #76

mohamedsalem401 · 2023-11-28T16:13:21Z

No description provided.

changeset-bot · 2023-11-28T16:13:24Z

⚠️ No Changeset found

Latest commit: 4214a4f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

rufuspollock

Great start. I'd suggest being close to our outline and starting with the getStaticProps

I'd start with actually having a blank index page with an getStaticprops that returns an empty list for now ...

rufuspollock · 2023-11-28T16:14:50Z

examples/nextjs-blog/README.md

@@ -0,0 +1,132 @@
+# 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.


I'd add a bit more about the cool things it will allow us to do ...

rufuspollock · 2023-11-28T16:15:37Z

examples/nextjs-blog/README.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:


I think we maybe want to go the simple json files route?

rufuspollock · 2023-11-28T16:21:30Z

examples/nextjs-blog/README.md

Why don't we follow the structure we set out in the issue ...

rufuspollock · 2023-11-28T16:22:43Z

examples/nextjs-blog/README.md

+Inside the content folder, create three sample blog posts using markdown, such as:
+
+```bash
+- post-1.md


I'd just have 2 posts ...

And i'd add some content here ... (we are going to at least need the front matter ...)

rufuspollock · 2023-11-28T16:23:43Z

examples/nextjs-blog/README.md

+    └── post-3.md
+```
+
+## Step 4: Explore the SQLite Database


This is irrelevant IMO ... ...

rufuspollock · 2023-11-28T16:24:09Z

examples/nextjs-blog/README.md

+const BlogList = () => {
+  const [posts, setPosts] = useState([]);
+
+  useEffect(() => {


Surely we are doing getStaticProps ...

…into nextjs-blog

rufuspollock · 2023-11-30T15:20:11Z

Comments yesterday were:

KISS: do minimum needed (and no more and no less)
- Look at nextjs example: they just blog index page initially
- => remove blog rendering and remark-react (why use reactremark when you already remark installed! 😉)
Flag: not much more than you could do by hand ... but end on a positive note e.g. this is a simple well-tested lightweight library which also has many more features e.g. ... (list them) [and then we can them later]

rufuspollock

Some minor last fixes before we merge.

rufuspollock · 2023-11-29T19:45:13Z

examples/nextjs-blog/src/pages/api/hello.js

i wouldn't commit all of the boilerplate we have for a nextjs app - we can keep it simpler.

rufuspollock · 2023-11-29T19:59:12Z

examples/nextjs-blog/src/styles/Home.module.css

Again this is nextjs boilerplate you can ignore. Just delete it ...

rufuspollock · 2023-11-30T18:09:06Z

examples/nextjs-blog/README.md

+
+Edit `pages/index.js`. Use the following code snippet:
+
+**Component 1: BlogList**


Use a heading rather than bold.

rufuspollock · 2023-11-30T18:09:45Z

examples/nextjs-blog/README.md

+export default function Home({ posts }) {
+  return (
+    <>
+      <main className={styles.main}>


i thought we were going to remove the styles stuff ...

rufuspollock · 2023-11-30T18:10:25Z

examples/nextjs-blog/src/styles/Home.module.css

i think we can delete this stuff in styles

rufuspollock · 2023-11-30T18:10:40Z

examples/nextjs-blog/src/styles/globals.css

ditto let's delete this ...

rufuspollock · 2023-11-30T18:11:09Z

examples/nextjs-blog/public/favicon.ico

i think we can delete these images in the public directory. remember cleaner is simpler.

rufuspollock · 2023-11-30T18:11:31Z

examples/nextjs-blog/src/content/embracing-minimalism.md

@@ -0,0 +1,29 @@
+---
+title: Embracing-Minimalism-in-Everyday-Life


Odd to have - in the title ...

Add basic readme

692415b

rufuspollock reviewed Nov 28, 2023

View reviewed changes

mohamedsalem401 and others added 4 commits November 28, 2023 20:17

Merge branch 'main' into nextjs-blog

e9c4d19

install nextjs

56320cb

Merge branch 'nextjs-blog' of https://github.com/datopian/markdowndb …

19261a9

…into nextjs-blog

add blog components

2a89aa8

mohamedsalem401 added 3 commits November 30, 2023 20:00

remove blog rendering and remark-react

bb63f19

.

3e61c41

update readme

a09583d

rufuspollock requested changes Nov 30, 2023

View reviewed changes

mohamedsalem401 added 2 commits November 30, 2023 20:20

apply changes

a29a8b1

use headers

4214a4f

rufuspollock merged commit 180cff8 into main Nov 30, 2023
2 of 3 checks passed

mohamedsalem401 mentioned this pull request Nov 30, 2023

NextJS blog example using markdowndb #68

Closed

7 tasks

mohamedsalem401 deleted the nextjs-blog branch February 8, 2024 02:07

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add basic blog example in the readme #76

Add basic blog example in the readme #76

mohamedsalem401 commented Nov 28, 2023

changeset-bot bot commented Nov 28, 2023 •

edited

Loading

rufuspollock left a comment

rufuspollock Nov 28, 2023

rufuspollock Nov 28, 2023

rufuspollock Nov 28, 2023

rufuspollock Nov 28, 2023

rufuspollock Nov 28, 2023

rufuspollock Nov 28, 2023

rufuspollock commented Nov 30, 2023

rufuspollock left a comment

rufuspollock Nov 29, 2023

rufuspollock Nov 29, 2023

rufuspollock Nov 30, 2023

rufuspollock Nov 30, 2023

rufuspollock Nov 30, 2023

rufuspollock Nov 30, 2023

rufuspollock Nov 30, 2023

rufuspollock Nov 30, 2023

		@@ -0,0 +1,132 @@
		# 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 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:


		Edit `pages/index.js`. Use the following code snippet:

		Component 1: BlogList

		@@ -0,0 +1,29 @@
		---
		title: Embracing-Minimalism-in-Everyday-Life

Add basic blog example in the readme #76

Add basic blog example in the readme #76

Conversation

mohamedsalem401 commented Nov 28, 2023

changeset-bot bot commented Nov 28, 2023 • edited Loading

⚠️ No Changeset found

rufuspollock left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rufuspollock commented Nov 30, 2023

rufuspollock left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

changeset-bot bot commented Nov 28, 2023 •

edited

Loading