GitLab Digital Experience, 22 Jan 2021

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: CMS Sprint 004 (Migration + Refinement)

Description

Digital Experience discusses CMS sprint 004 - migration and refinement.

Epic https://gitlab.com/groups/gitlab-com/marketing/inbound-marketing/-/epics/153

A

A

Hi, hello, we've got lauren barker here and me tina, ing, um we're gonna go over our sprint release, um I'm going to share my screen.

A

Alrighty. Do we see my screen yeah all right, so um we're calling this sprint, or at least I'm calling this sprint all aboard the migration scooter. I don't know if lauren approves of that title.

B

Yeah, that's what.

A

It is um so on. In the sprint we focused on migrating some existing top level topic pages to the new managed content management system. um This was an all hands on deck sprint and it involved nearly everyone from digital experience. So thank you for your help. Everyone.

A

um We also continue to iterate on both design refinements to the template and some network cms interface updates. um So the first thing that we'll go over um are the first things being released, which are some topic pages, so we've integrated the cms into some of these top-level topic: pages, agile, delivery, application, security, devops, so microservices, multi-cloud, ops and serverless. So let's take a look at some of them. uh Here's the agile delivery, template.

A

That doesn't have side links. um We showed um the ci cd page last time which had some associated child pages to it. So the template does have the ability of removing that, if you don't have uh children links so we'll just scroll through these real quickly, because there's a lot to show some resources here suggested content final cta.

B

A

Here's a page that has some child pages associated to it.

A

We've got images all of these were added through the editor in the cms same with these benefits blocks. These were all fields in the cms. We've got the ability to add a hero. Cta some resources suggested content.

A

This one I was at the bottom, so here's devops explained cover image.

A

These block quotes let's get to the bottom here, because this one has the most amount of resources check out those resource, icons, resource icons, thanks vic, um organized resources with these identifier, icons, nice and tidy and organized.

A

All right, microservices learning topic, page multi-cloud.

A

Gitlab for ops and what is service serverless and all of these are live, as you can see here.

A

uh What's next I'll pass it over to lauren now for some developer stuff, uh I should release my screen there. We go awesome.

B

So exciting to see all of those and I'm just.

B

Yeah, I think it's this one. Oh yeah, I got the right screen. Okay, so first thing um I wanted to share is um well we, as a group, we added developer focus documentation for netlify cms tyler did a great job on this really expanded on what we had. So this is located in the docs directory at the root level and the netify cms md tells you what it is where it is how to use it.

B

How can I use it on about.getlab.com, which is not yet but soon that will be there too um and just kind of goes over where we're at and how to use it locally, and this is a really awesome addition for our developers and collaborators to just figure out and learn how to use it and we're going to keep iterating on this first iteration.

B

The second thing is, we have our client-side implicit grant has been set up and infrastructure did great, so we got our application id, and this is a really big step towards turning it on on the website. So now we can start working on that. It isn't live yet, but this is a big thing that we needed and we got it just epic, it's epic.

B

So now I'm going to go over to netlify cms, and I have this fired up on my local host admin and the first thing is: we've added schema markup to our topics, template and right now, the only one that has it is the cicd page here and if we go all the way down to the bottom, we can see.

B

We have schema questions right here and these are going to populate in the code question answer and then it's going to have a link at the bottom and these will display in search results, um and this is really cool because we can start adding these to every topics page and it's really easy to edit it right here and we had a few mvc iterations on the uh admin itself. We've added media directories for various topic content blocks.

B

So here in our social share image. We open it this navigates a directory with all of our social share images and we're going to start consolidating them all into that same directory.

B

um We've also have our cover image, and this is a different directory, and this opens up all the cover images that are currently used on the topics pages and we're consolidating um this as we migrate the topic pages over, but they're all going to end up being right here and they're easily scroll through and pick the one you want, or you can upload it and we'll upload it straight to the directory that it should be. And then the third is our benefits list.

B

This directory opens an icon directory, and this is where we're gonna store. All of our super awesome icons and you can just scroll through it and pick the one that works with the benefit that you're listing so tidy.

B

And another thing we also did: is we added these field descriptions in the admin? So if you don't know what it just explains like what is the seo description? This is the seo description of generating the rendered search results and we've added these little hints throughout the admin um first iteration and we're going to keep refining these as we build out this admin.

B

And the final thing is the blog post, we've added all of the blog posts, and now you can filter them by the category. So let's say I want to see only news blog posts there. They are, those are all the news, blog posts and then you can come click in here and you can edit it make a change or you can add a new one and this guy's thinking come on there.

B

We go and looks real similar to the topics page, but we got our title author and then this is just a body main body with markdown, and you can view the markdown view there.

A

B

Lots of really good stuff awesome yeah, um so I'm just gonna finish off with our mascot. This sprint really was us all working as a team. We're going places.

A

B

Okay, see ya. Thank you.

B

That was good, yeah yeah.