https://github.com/nuxt-modules/prismic
Easily connect your Nuxt.js application to your content hosted on Prismic
https://github.com/nuxt-modules/prismic
nuxt nuxt-module prismic prismicio vue
Last synced: 3 months ago
JSON representation
Easily connect your Nuxt.js application to your content hosted on Prismic
- Host: GitHub
- URL: https://github.com/nuxt-modules/prismic
- Owner: nuxt-modules
- License: mit
- Created: 2018-09-09T20:25:33.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-03-03T00:52:08.000Z (about 1 year ago)
- Last Synced: 2025-03-28T19:39:03.856Z (12 months ago)
- Topics: nuxt, nuxt-module, prismic, prismicio, vue
- Language: TypeScript
- Homepage: https://prismic.nuxtjs.org
- Size: 5.04 MB
- Stars: 244
- Watchers: 7
- Forks: 48
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# @nuxtjs/prismic
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
Easily connect your [Nuxt][nuxt] application to your content hosted on [Prismic][prismic].
- 🚀 Add Prismic to your Nuxt app in seconds.
- 🍡 Fetch and present Prismic content with components and composables.
- 🏀 [Try it now on the online playground][playground].
## Install
Install the module to your Nuxt application with one command:
```bash
npx nuxi@latest module add prismic
```
Then, configure your Prismic API endpoint:
```javascript
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
modules: ['@nuxtjs/prismic'],
prismic: {
endpoint: 'my-repository'
},
});
```
That's it! You can now use Prismic in your Nuxt app ✨
## Documentation
To discover what's new on this package check out [the changelog][changelog]. For full documentation, visit the [official Prismic documentation][prismic-docs].
## Contributing
Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Prismic developer community!
**Asking a question**: [Open a new topic][forum-question] on our community forum explaining what you want to achieve / your question. Our support team will get back to you shortly.
**Reporting a bug**: [Open an issue][repo-bug-report] explaining your application's setup and the bug you're encountering.
**Suggesting an improvement**: [Open an issue][repo-feature-request] explaining your improvement or feature so we can discuss and learn more.
**Submitting code changes**: For small fixes, feel free to [open a pull request][repo-pull-requests] with a description of your changes. For large changes, please first [open an issue][repo-feature-request] so we can discuss if and how the changes should be implemented.
For more clarity on this project and its structure you can also check out the detailed [CONTRIBUTING.md][contributing] document.
## License
[MIT License](./LICENSE)
[prismic]: https://prismic.io
[prismic-docs]: https://prismic.io/docs/nuxt
[nuxt-docs]: https://nuxt.com
[changelog]: ./CHANGELOG.md
[contributing]: ./CONTRIBUTING.md
[playground]: https://stackblitz.com/github/nuxt-modules/prismic/tree/master/examples/minimal?file=pages%2Findex.vue
[forum-question]: https://community.prismic.io
[repo-bug-report]: https://github.com/nuxt-modules/prismic/issues/new?assignees=&labels=bug&template=bug_report.md&title=
[repo-feature-request]: https://github.com/nuxt-modules/prismic/issues/new?assignees=&labels=enhancement&template=feature_request.md&title=
[repo-pull-requests]: https://github.com/nuxt-modules/prismic/pulls
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/prismic/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxtjs/prismic
[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/prismic.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/prismic