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' ``` -
-How to use the legacy page-builder (Grapesjs) -
- -```js -import { ContentProviderGrapes } from 'destack' -import 'grapesjs/dist/css/grapes.min.css' - -export { getStaticProps } from 'destack/build/server' - -export default function Page(props) { - return ( -
- Hello world - -
) -} -``` -
- ### 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' ``` -
-How to use the legacy page-builder (Grapesjs) -
- -```js -import 'grapesjs/dist/css/grapes.min.css' - -import { ContentProviderReact } from 'destack' - -const App = () => { - return ( -
- Hello world - -
- ) -} -export default App -``` -
- # 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