You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- Fork the [destack-react-starter](https://github.com/LiveDuo/destack-react-starter) project
@@ -162,27 +142,6 @@ export { ContentProviderReact as default } from 'destack'
162
142
163
143
```
164
144
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
-
constApp= () => {
175
-
return (
176
-
<div style={{ height:'100%' }}>
177
-
<span>Hello world</span>
178
-
<ContentProviderReact />
179
-
</div>
180
-
)
181
-
}
182
-
exportdefaultApp
183
-
```
184
-
</details>
185
-
186
145
# How it works
187
146
188
147
🛠 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).
215
174
- Select the image you want to update and click on it to add it to the page
216
175
- Note: Images are uploaded to `public/uploaded` with their original filenames
217
176
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.
0 commit comments