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
## Nuxt – Server-Side Rendering & Static Site Generation
26
26
27
-
_coming soon..._
27
+
> For a running project check out the extensive example at [example/](/example).
28
+
29
+
### Usage
30
+
31
+
There are a few required steps to allow Nuxt to work with vue-notion
32
+
33
+
- Install vue-notion as a dependency to your Nuxt project – `npm install vue-notion`
34
+
- Add `"vue-notion"` to the `build.transpile` array in `nuxt.config.js`.
35
+
```js
36
+
build: {
37
+
transpile: ["vue-notion"]
38
+
}
39
+
```
40
+
- Import the `NotionRenderer` in any component you want to use vue-notion in – `import { NotionRenderer } from "vue-notion"`
41
+
- Voila, you can now use vue-notion as shown in the examples.
42
+
43
+
### Static Pages
44
+
45
+
> Using the `nuxt.config.js`[`target`](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-target/)`"static"`
46
+
47
+
Per default Nuxt [crawls](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-generate/#crawler) your pages.
48
+
That means any link in any page in `pages/*.vue` is crawled and statically generated (if available).
49
+
You can also configure [specific routes](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-generate/#routes) to be crawled (and generated) via the `generate.routes` array in `nuxt.config.js`.
50
+
51
+
### Blogs
52
+
53
+
It is possible to use the `getPageTable` method to acces Notion Databases.
54
+
These can be used to maintain a list of pages with attributes.
28
55
29
-
For the mean time check out the extensive example at [example/](/example).
56
+
The [example/](/example) shows a few ways you can access/filter/link these pages for a blog-style webpage.
0 commit comments