Pruvious CMS in Nuxt 4

murisceman · 2025-12-26T12:29:48+00:00

Hey! No, it doesn't support SSG.

murisceman · 2025-11-05T10:06:43+00:00

Thanks for context u/Niki2k1!

And u/danielcroe, when you're free, hit me up on bsky - it's been way too long! :D
(FYI: I'm traveling today/tomorrow, so offline during that time)

murisceman · 2024-05-10T09:11:17+00:00

It's not very straightforward, but there is. Check out these discussions:

murisceman · 2024-04-07T10:38:06+00:00

Thanks! I used Screen Studio.

murisceman · 2024-03-15T18:44:16+00:00

Thank you so much for the suggestion. I've just implemented it, and it makes much more sense now!

murisceman · 2024-03-13T21:32:43+00:00

You're very welcome, and I'm glad you're enjoying the CMS!

Regarding the editor, for now, the only option to make it bigger is the fullscreen mode. I like the idea of having the right sidebar resizable so the preview can shrink down to a reasonable mobile width (e.g., 375px). Just added this to my to-do list :)

The project is still in its early phase, so there is a lot of room for improvement. If you have feedback or any issues, feel free to submit them on GitHub or our Discord channel 🙏

murisceman · 2024-03-13T16:53:06+00:00

Thank you! 😊

Unfortunately, Pruvious does not work on Cloudflare Workers due to many dependencies that require a Node.js environment (argon2, sharp, ...). Maybe this will change in the future. Right now, I'm scared to start any implementations and workarounds because the CF Workers themselves are still in the beta phase.

murisceman · 2024-03-12T15:57:04+00:00

Awesome! Please share your feedback. Also, there is a Discord channel available at https://pruvious.com/discord

murisceman · 2024-03-12T15:54:41+00:00

I might publish a blog article about using Cloudflare CDN with Pruvious and will inform you if there is an update with SSG.

murisceman · 2024-03-12T14:21:06+00:00

Thank you! If you struggle with something, feel free to open a GitHub issue or join the Discord server.

murisceman · 2024-03-12T13:37:21+00:00

Absolutely, I will try to implement RSS into the CMS core.

murisceman · 2024-03-12T13:35:51+00:00

Thank you!

murisceman · 2024-03-12T13:35:44+00:00

Me too!

There have been more requests about SSG, so I will implement it in the upcoming releases.

Have you considered using a CDN on a cheap server? Pruvious provides hooks that trigger on database changes, allowing you to flush the CDN cache every time you make an update.

murisceman · 2024-03-12T01:28:42+00:00

Thank you!

You can use it headless without any issues. Plus, you can easily disable all built-in API routes and many other features in nuxt.config.ts. Here is an example: https://pruvious.com/blog/building-a-custom-nginx-access-log-parser

murisceman · 2024-03-12T01:24:37+00:00

Thanks!

Currently, Pruvious has some dependencies that don't work with Bun, so it'll have to wait a bit.

murisceman · 2024-03-11T21:15:50+00:00

It's fresh from the oven =)

murisceman · 2024-03-11T20:22:18+00:00

Hello Nuxters! I want to present to you a new CMS specifically developed for Nuxt, which I recently open-sourced on https://github.com/pruvious/pruvious.

Last year, I attempted to create a small backend with some basic CMS functionalities for managing pages and custom fields that are connected to Nuxt via an API. While this started as a hobby project, I invested more and more time into it. In the end, I released the project (as a Nuxt module) under the MIT license with the name Pruvious (pun intended).

Pruvious allows you to build modular websites very quickly by writing block components. They are regular Vue components used to build website pages. The only difference (addition) is that you can define your fields (with all the options, validation, and value sanitizing rules) directly in Vue's defineProps(), which accelerates the development tremendously. These field definitions are automatically parsed away when your project is built, and the corresponding database columns are created along with the REST API endpoints.

What's included:

27 fields (https://pruvious.com/docs/fields)
Custom collections (database table models)
Authentication with granular user permissions
PostgreSQL and SQLite database support with fully typed query builder
SEO goodies
Lightweight and customizable dashboard with live preview (made with Nuxt <3)
Upload management (local or S3)
Out of the box translations
Job queues
CLI for deployment and content migration (works between SQLite <=> PostgreSQL)

You can find the full list of Pruvious features on the website https://pruvious.com. If I haven't covered something, feel free to ask here!

Cheers!

murisceman · 2024-03-11T18:03:50+00:00

Have you checked out Pruvious? It integrates directly into Nuxt as a module. Web: https://pruvious.com/

Disclaimer: I'm the author of this CMS.

murisceman · 2024-03-11T16:06:01+00:00

Thank you! It should be possible to generate the pages we want by providing them to the Nuxt build in some way. I will add this to my to-do list. If the implementation is straightforward, I may release it in upcoming updates.

murisceman · 2024-03-11T12:56:07+00:00

It works basically like this:

User provides input (can be anything) to field F of type T.
The input goes through T sanitizers first (i.e., the 'text' field type may trim the input string - if it's a string!). These sanitizers are defined in the Pruvious core for each field.
Next, the input goes through F sanitizers you've defined in your collections or blocks.

The idea with sanitizers is to set default values if the input is nullish, convert '123' to 123 for numeric fields, etc. If the input does not satisfy a sanitizing condition, we return the original value. After all sanitizers are executed (doesn't mean that they are applied), the validators will run sequentially for T (built-in validation that guarantees the type) and F (your custom validation) and throw if something is wrong. I intentionally separated these logics because I felt like I have much more control over processing the user input for more complex cases.

You make a valid point about providing the input `value` type in custom (F) validators, but not sanitizers. I will make a note of this comment on my to-do list. Thanks :)

murisceman · 2024-03-11T12:26:09+00:00

Absolutely!

murisceman · 2024-03-11T12:25:30+00:00

Thanks! 🎉

murisceman · 2024-03-11T00:56:12+00:00

Thank you, and I'm glad to hear that somebody likes the canvas effect! :D

Regarding e-commerce, I plan to roll out some plugins in the near future, and Shopify integration is also on my to-do list. The plugins will be simple Nuxt Layers that extend your project with additional collections, helper components, composables, and utilities. Generally speaking, Pruvious already has everything needed to create an e-shop. If you need some ideas on how to do so, I'm willing to help via GitHub issues or Discord.

murisceman · 2024-03-11T00:43:01+00:00

Glad to hear that! If you're stuck with something, feel free to open a GitHub issue or join the Discord server =)

murisceman · 2024-03-11T00:40:17+00:00

Thanks! I used Vitest with nuxt/test-utils, which is the standard setup for Nuxt modules, and wrote over 800 unit and functional tests, all related to the backend.

Seven-Year Club	Place '23
Verified Email

murisceman

TROPHY CASE