Nuxt•3w ago

Content Management for App local

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!

5 Replies

kapa.ai•3w ago

Hi @gabrielstuff. 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 2. 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. 3. 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
  }
})

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: ----------------------

kapa.ai•3w ago

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

gabrielstuffOP•2w ago

Thanks ! Will try that

bryce•2w ago

Maybe take a look at https://nuxt.studio/, works with Nuxt Content

gabrielstuffOP•2w ago

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 thanks @bryce

Gaming

Programming

Content Management for App local

Did you find this page helpful?