From 4ff5e9f4471b57702c8d84e57068b02043597c84 Mon Sep 17 00:00:00 2001
From: Andreas Tzionis <andy0n7@gmail.com>
Date: Tue, 18 Jun 2024 00:01:09 +0300
Subject: [PATCH] updated readme

---
 README.md | 48 +++++++-----------------------------------------
 1 file changed, 7 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index 85b1681a..a8ae1534 100644
--- a/README.md
+++ b/README.md
@@ -112,26 +112,6 @@ export { getStaticProps } from 'destack/build/server'
 export { ContentProvider as default } from 'destack'
 ```
 
-<details>
-<summary>How to use the legacy page-builder (Grapesjs)</summary>
-<br>
-
-```js
-import { ContentProviderGrapes } from 'destack'
-import 'grapesjs/dist/css/grapes.min.css'
-
-export { getStaticProps } from 'destack/build/server'
-
-export default function Page(props) { 
-    return (
-        <div style={{height: '100%'}}>
-            <span>Hello world</span>
-            <ContentProviderGrapes {...props}/>
-        </div>)
-}
-```
-</details>
-
 ### With a new React.js project:
 
 - Fork the [destack-react-starter](https://github.com/LiveDuo/destack-react-starter) project
@@ -162,27 +142,6 @@ export { ContentProviderReact as default } from 'destack'
 
 ```
 
-<details>
-<summary>How to use the legacy page-builder (Grapesjs)</summary>
-<br>
-
-```js
-import 'grapesjs/dist/css/grapes.min.css'
-
-import { ContentProviderReact } from 'destack'
-
-const App = () => {
-  return (
-    <div style={{ height: '100%' }}>
-      <span>Hello world</span>
-      <ContentProviderReact />
-    </div>
-  )
-}
-export default App
-```
-</details>
-
 # How it works
 
 🛠 Destack is composed of two main components, the first is a React component that shows the editor or the generated page and the second is a Next.js API route that saves your progress to your repository.
@@ -215,6 +174,13 @@ More on the project's architecture [here](assets/design/overview.md).
 - Select the image you want to update and click on it to add it to the page
 - Note: Images are uploaded to `public/uploaded` with their original filenames
 
+### Create a blog
+
+- Create the blog related [pages](https://github.com/LiveDuo/destack-landing/tree/master/pages/blog).
+- Reuse the [header and footer](https://github.com/LiveDuo/destack-landing/blob/master/pages/_app.js) components. Note that this requires setting up tailwind CSS.
+
+**Example:** https://github.com/LiveDuo/destack-landing
+
 # Multi-page Support
 
 ### Next.js