Repository navigation
Intro contentful
We use the Contentful content management system (CMS) in this class. Contentful is a headless CMS, which means that it only stores the content, but not the presentation. In a traditional CMSs like Wordpress we would also store presentation (templates) in the CMS. We don't do that in a headless CMS. Instead, the content is accessed over an API and we can choose our own technologie to display it. In our case, we will use Vue.js for that.
Why do we use a CMS? It helps us decouple content (texts, images, etc.) from code. Designers and developers can work independently and still work together.
Why don't we use a database instead? Compared to a database (relational or NoSQL), a CMS already does a lot of work for us. It makes it easier to define our content and to add content without needing a lot of technical skills. It also provides help to manage media content such as images, which databases typically don't offer. For more complex applications, it can make sense to use a database instead or alongside a CMS.
Do the tutorial Beginner's guide to Contentful. Next in groups of 2-3 students, create a content model and content for the following requirements: Show the commute to HSLU of each team member. It should include at a name and photo for each person in the team, the location of the start and destination for each commute, and for each location a name and a photo. You can add more information if you want to. What content types do you need? Create the content types and add content for each member in the team. We will discuss your solutions in class.
Using the content delivery SDK, display the commutes of your team on a simple website. There is a sample solution here, but try first for yourself.
Studio Web Mobile 1 – 2020 ©Digital Ideation, HSLU, Maria Husmann und Hanna Züllig