Review Component Creation
- Questions from yesterday
- In class component setup
- Learn how to make structural components
- Read: Grouping Fields in Tabs
- This documentation explains more about how to use tabs to add functionality to your components
- This can be:
- style
- groups of content (instead of nesting fields)
Common CMS Content
Breakout Session (20 minutes)
- In groups of 3-4
- Choose an content type and create components
- Keep it simple
- Be prepared to discuss your components and how your approach relates to the content in the articles that we looked at
Developers and Content Editors
- Sometimes developers and content editors are the same person (this can be the case for small businesses and startups), however these roles are usually better to have separated as they require different skill sets
Tools
- Grammarly
Creating Web Content
Breakout Activity: Find a topic to write about
- Activity: Pick a topic for your first post
- Recommendation: Review a tutorial, npm package, doc page.
- Debrief:
- Discuss article ideas and sources
Connect a Headless CMS to a Nuxt Frontend
When you use a headless cms, the presentation layer is decoupled from the content. This means that you will have to build your presentation layer. but it also means that you will have complete control over your frontend(s).
- See this gist for steps on how to add a headless cms to nuxt.
- Documentation Resource
- this page has tons of resources on working with nuxt and storyblok.
Breakout Session (30min)
- Create a new storyblok space
- Fork or Clone this nuxt template and follow this guide to attach your storyblok space. note this will only connect your home page to storyblok.
Post breakout Debrief
- Discussion:
- issues that you ran into
- aha moments
- concepts that aren't making sense
Lab Time
- Achievement 2
- After completing achievement 2, work on assignment 1 or blog post 1