#Content Management for App local

10 messages · Page 1 of 1 (latest)

hardy rose
#

Hey there!

I'm in the middle of a project where we use Prismic to handle most of our website content. However, we also have text content in the UI of the webapp that needs to be edited. With the project evolving quickly, we often need to update various text elements like button text, headers, subheaders, and descriptions, as well as translate them. I'm wondering if you have any ready-made solutions that you're using for this kind of scenario.

At first, I thought about using Prismic to manage the app content too, but I'm looking for other options that might work better/faster

Here are my key requirements:

  1. The content team should be able to edit any content from anywhere without needing to involve the dev team.
  2. The content team shouldn't be able to break anything (e.g., no direct JSON editing or similar actions).
  3. Ideally, the content should be cached, so the content team can update it without requiring a rebuild. They should only need to invalidate the cache once to make the new content available to all users, without each user having to fetch the updated ui webapp strings individually.

Any insights or recommendations would be greatly appreciated!

Thanks!

cedar basinBOT
#

Hi @hardy rose. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Based on your requirements for managing local app content in a Nuxt project, I can provide some insights and recommendations using Nuxt Content, which seems to be a good fit for your needs. Here's how Nuxt Content can address your requirements:

  1. Content team editing without dev involvement:
    Nuxt Content provides a file-based CMS that allows you to create and edit content easily. The content team can manage files in the content/ directory, which can include Markdown, YAML, JSON, and CSV files. This allows for easy editing without involving the dev team for every change.

Nuxt Content Documentation

  1. Preventing content team from breaking things:
    Nuxt Content uses a structured approach to content management. By using Markdown or YAML files, you can define a clear structure for your content, reducing the risk of breaking things. The content team won't need to edit raw JSON or code directly.

  2. Caching and updates without rebuilds:
    Nuxt Content supports caching, which can improve performance and allow for updates without requiring a full rebuild. You can use the useCache option to enable caching in production:

export default defineNuxtConfig({
  content: {
    useCache: true
  }
})

Nuxt Content Configuration

To invalidate the cache and make new content available to all users, you can implement a cache invalidation strategy using Nuxt's server-side hooks or by leveraging Nitro's caching capabilities.

Nuxt Content Hooks

For translating content, Nuxt Content supports internationalization. You can organize your content in language-specific directories and use Nuxt's i18n module alongside Nuxt Content to manage translations.

To implement this solution:

#
  1. Set up Nuxt Content in your project.
  2. Create a structure in the content/ directory for your app's UI text elements.
  3. Use Nuxt Content's querying capabilities to fetch and display the content in your app.
  4. Implement caching and cache invalidation strategies.
  5. Set up a workflow for the content team to edit files in the content/ directory.

This approach allows for easy content management, reduces the risk of breaking things, and provides caching capabilities. It's a more integrated solution compared to using Prismic for app content and might offer better performance and easier management within your Nuxt project.

Remember to properly structure your content and use Nuxt Content's features like Markdown data binding to create a flexible and maintainable content management system for your app's UI text.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#

@hardy rose Kapa.ai is still learning and improving, please let me know how I did by reacting below.

hardy rose
#

Thanks ! Will try that

signal wraith
hardy rose
#

Hmm, indeed nuxt-content does not offer auth mechanism.

#

Nuxt Studio is really cool but it looks a bit oversized for my need, nah ?

#

I mean I've got Prismic so I can simply use a Prismic singleton and that would be done. I was hoping for something light