Skip to content

Commit

Permalink
updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
LiveDuo committed Jun 17, 2024
1 parent 3f513ff commit 4ff5e9f
Showing 1 changed file with 7 additions and 41 deletions.
48 changes: 7 additions & 41 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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.
Expand Down Expand Up @@ -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
Expand Down

0 comments on commit 4ff5e9f

Please sign in to comment.