Skip to content

Commit 4ff5e9f

Browse files
committed
updated readme
1 parent 3f513ff commit 4ff5e9f

File tree

1 file changed

+7
-41
lines changed

1 file changed

+7
-41
lines changed

README.md

Lines changed: 7 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -112,26 +112,6 @@ export { getStaticProps } from 'destack/build/server'
112112
export { ContentProvider as default } from 'destack'
113113
```
114114

115-
<details>
116-
<summary>How to use the legacy page-builder (Grapesjs)</summary>
117-
<br>
118-
119-
```js
120-
import { ContentProviderGrapes } from 'destack'
121-
import 'grapesjs/dist/css/grapes.min.css'
122-
123-
export { getStaticProps } from 'destack/build/server'
124-
125-
export default function Page(props) {
126-
return (
127-
<div style={{height: '100%'}}>
128-
<span>Hello world</span>
129-
<ContentProviderGrapes {...props}/>
130-
</div>)
131-
}
132-
```
133-
</details>
134-
135115
### With a new React.js project:
136116

137117
- Fork the [destack-react-starter](https://github.com/LiveDuo/destack-react-starter) project
@@ -162,27 +142,6 @@ export { ContentProviderReact as default } from 'destack'
162142

163143
```
164144

165-
<details>
166-
<summary>How to use the legacy page-builder (Grapesjs)</summary>
167-
<br>
168-
169-
```js
170-
import 'grapesjs/dist/css/grapes.min.css'
171-
172-
import { ContentProviderReact } from 'destack'
173-
174-
const App = () => {
175-
return (
176-
<div style={{ height: '100%' }}>
177-
<span>Hello world</span>
178-
<ContentProviderReact />
179-
</div>
180-
)
181-
}
182-
export default App
183-
```
184-
</details>
185-
186145
# How it works
187146

188147
🛠 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).
215174
- Select the image you want to update and click on it to add it to the page
216175
- Note: Images are uploaded to `public/uploaded` with their original filenames
217176

177+
### Create a blog
178+
179+
- Create the blog related [pages](https://github.com/LiveDuo/destack-landing/tree/master/pages/blog).
180+
- 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.
181+
182+
**Example:** https://github.com/LiveDuo/destack-landing
183+
218184
# Multi-page Support
219185

220186
### Next.js

0 commit comments

Comments
 (0)