►
Description
Lauren Barker, and Tyler Williams go over the Netlify CMS blog editorial workflow and how to edit existing Typeform pages with Netlify CMS.
Handbook page: https://about.gitlab.com/handbook/marketing/netlifycms/
Agenda:
00:00 - Video start
00:49 - Editorial workflow part 1/2
10:38 - Edit a Typeform page with (done while we wait for the pipeline to finish in the background)
13:54 - Editorial workflow part 2/2
A
Hello,
it
is
march
10th
of
2021
and
we
are
going
to
be
doing
another
netlify
cms
learning
video
resource.
Today,
yeah
we
have
a
couple
things
up
on
the
agenda,
so
I'll
get
started
just
with
our
first
one,
which
is
one
excitingly.
The
netlify
cms
is
ready
to
be
used
for
blog
posts
for
creating
and
editing
and
reviewing
drafting
publishing
it's
it's
go.
It's
good.
It's
good
to
go.
It's
like
do
blog
posts
in
netlify
cms.
It
is
time
to
do
that
now.
We
can
totally
do
that
thing.
A
So
that's
the
announcement
portion
and
I
will
like
show
how
to
do
that
so
share
my
desktop
here.
We
are
excellent,
so
first
up
for
those
who
haven't
seen
it
or
just
want
the
refresher,
we
do
have
a
handbook
page
specifically
for
all
of
this
content
contribution
to
the
gitlab
marketing
website
via
network
cms,
and
this
has
a
bunch
of
the
links
that
we
are
going
to
use
today
to
accomplish
this
demo
here.
A
So,
first
up
I'll
go
to
the
admin
page,
which
is
at
about.gila.com
admin,
I'm
already
logged
in,
although
it
might
prompt
you
to
log
in
if
you're
not
it
uses
your
getlab.com
login
so
up
next.
So,
let's
start
a
new
blog
post.
So
this
is
the
netlify
cms,
like
interface,
landing
page
right
now.
It
starts
on
topic
and
this
left
hand
side
called
collections,
click
the
blog
posts
collection.
A
This
will
take
a
while
to
load,
but
you
don't
need
to
wait
for
it
to
finish
loading.
This
is
loading
up
right
now,
all
of
the
entries
so
you'll
see
some
of
them
come
through
somewhat
quickly,
but
you
can
just
click
new
blog
post
before
that.
Like
finishes,
don't
worry
about
it!
The
only
time
you
need
to
wait,
for
it
is
if
the
block,
if
you're
like
going
to
edit
a
blog
post,
and
you
need
to
wait
for
it
to
show
up
and
even
there
you
can
go
to
a
direct
link
faster.
A
But
here
we
are.
This
is
a
new
blog
post,
so
I
will
title
this
netlify
cms
learning
resources
example
blog
post-
and
here
you
can
so
we
have
optional
fields
so
I'll
skip
those
in
time.
But
authors
just
free
form,
tax
rate-
I
could
say
like
tyler
williams
and
lauren
barker,
get
lab,
wants
the
gitlab
handle
twitter
same
deal
categories
and
we
have
a
helpful
link
for
all
the
categories.
A
There
are
I'm
going
to
go
ahead
and
just
choose
I'm
going
to
choose
unfiltered
here
in
case
I
accidentally
publish
unfiltered
while
I'm
live,
live
demoing,
something
tags.
We
also
have
a
useful
link
for
a
set
of
tags.
The
description
which
becomes
the
open
graph
meta
tag
description
and
this
one
looks
like
it's
not
optional.
So
this
is
example
post
for
netlify,
cms
learning,
resources.
A
Definitely
if
you
have,
if,
if
you
don't
have
something
in
mind,
already
choose
an
image:
click
through
the
media
library,
because
there
is
just
a
ton,
a
ton
of
stuff,
you
can
see
sort
of
how
small
the
scroll
bar
is,
and
we
did
a
learning
resource
last
week,
where
I
talked
a
little
bit
about
how
this
is
wired
up
specifically
and
where
to
so.
This
is
a
nice
browser
and
you
can
even
search
for
things.
A
So
let's
say
if
I
want
to
search
for
something
I
see
like
bug,
bounty
keyboard,
but
you
can
see
it'll
also
kind
of
do
like
a
fuzzy
search
here
where
I've
got
like
there's
no
spaces
here,
but
it
was
like.
Oh
okay,
no
spaces
bug
bounty,
but
here's
some
dashes,
oh
and
here
it
is
like
in
like
it's,
you
know
somewhat
flexible.
So
if
you're
not
sure
what
you're
looking
for.
I
don't
know
if
I
wanted
to
do
a
blog
valley,
devops
cool
right,
like
of
course
we
have
so
many
available
images
here.
A
So
this
is
a
great
place
to
start.
But
of
course,
if
you
want
to
insert
from
url
you
can
upload
your
own
for
something
specific.
So
I
will
just
choose
one:
let's
go
ahead
and
grab
I'm
gonna
type
blog
and
see
a
ton
of
different
blog
stuff,
too
just
gonna
blog
desk,
and
then
you
click
choose
selected,
oh
and
you
can
upload
as
well.
If
you
wanted
to
upload
an
image
so
instead
of
doing
from
url,
you
can
go
from
your
computer
with
the
direct
file
upload
as
well.
A
So
we'll
just
choose
the
selected,
and
here
it
is
shows
up
as
the
image
optional
twitter
text
and
then
here's
your
body,
and
so
you
can
do
it
in
the
rich
text
editor
or
the
markdown
editor.
And
so,
if
I
were
to
do
like
a
heading
level,
two
and
oh,
this
was
in
rich
text.
I
meant
to
do
that
in
markdown.
A
So
if
I
started
in
markdown
and
kind
of
did
the
heading
two
with
the
two
octathorps
there,
it
converts
back
over
in
rich
text,
but
that
is
worth
noting
if
you
saw
so
like
here
when
I
started,
I
did
heading
too
and
then
I
copied
this.
This
is
rich
text
and
it
actually
does
the
escape
character
on
the
two
octathorps
there
so
like
as
you're
going
through
the
body
editing
if
you're
expecting
that
you're
in
markdown
definitely
double
check
here
and
mark
down
here.
A
Otherwise,
you
may
have
just
some
formatting
challenges
easy
enough
to
rectify,
but
perhaps
a
little
annoying
if
you're
expecting
one
way
or
another,
but.
A
To
have
the
the
rich
text
editor,
we
also
have
additional
blocks.
You
can
add
images
same
thing.
You
can
choose
images
the
same
way
you
can
upload
here
as
well
or
you
can
insert
from
a
url
add
the
alt
text
in
the
title.
What
else
we
have
available
to
us?
We
have
code
blocks
which
gives
us
oh
this
is
gorgeous.
I
haven't
actually
done
this
in
the
editor.
A
This
is
like
really
pretty
you
get
the
nice
like
pre-formatted,
something
like
that
which
is
excellent
and
youtube
embeds
as
well,
and
this
will
take
the
youtube
video
id.
So
let
me
go
ahead
and
I
will
just
choose
an
image
here:
just
to
have
some
stuff
going
on
image.
I'll
keep
the
code
block.
I
don't
have
a
youtube
video
id
off
the
top
of
my
head,
so
I'm
going
to
delete
that
for
now
and
then
I
will
keep
going
with.
A
Let's
say
the
rich
text
editor
grab
a
heading,
2
drop
it
at
the
top
here
this
is
a
sample
blog
post
cool,
and
so
that's
my
blog
post.
You
know
very
substantive
lots
of
good
things
said
in
it
and
I
will
save
it.
A
It'll
take
some
time
to
save
one
of
the
reasons
it's
taking
so
long
is
because
this
is
a
git
based
content
management
system,
so
it
is
like
doing
the
git
operations.
You
would
do
if
you
were
locally
like
checking
out
a
new
branch,
making
changes
committing
them,
pushing
them
up
to
create
a
merge
request.
So
it's
got
to
do
all
that
programmatically
and
it
goes
through
the
api.
A
So
this
will,
you
know,
takes
a
little
bit
of
time
here,
still
working
on
the
saving,
but
then
we
get
this
excellent
little
notification
that
our
entry
has
been
saved
and
now
that
it's
saved
we
are
in
draft
mode.
You
can
see
even
here
it
says,
like
delete,
unpublished,
entry,
we're
not
yet
published
it's
in
draft.
A
We
will
not
publish
it
at
this
moment,
and
so
what
I
want
to
show
next
is
sort
of
like,
what's
next
so
say,
you've
written
your
blog
post
and
you're
ready
for
someone
to
review
it.
You
can
actually
go
to
there's
a
label
in
git
lab
in
the
project
where
you
can
go
see
what
mrs
are
in
draft,
and
what
do
we
have
here?
It
looks
this
one.
You
can
see
it's
open
now
by
tyler
williams.
That's
me
and
then
this
is
like
the
title
with
autofill
the
date
learning
resources.
A
It's
excellent.
You
can
assign
yourself
if
that's
appropriate
or
if
it's
or
if
you
need
like
a
manager
to
post
it,
you
can
assign
them
or
someone
else
from
the
content
team
same
thing
with
reviewers.
Here
I
will
select
lauren
so
now,
lauren
will
get
an
email
saying:
hey
you've
been
like
asked
to
do
a
review
and
from
here
lauren
should
I,
I
guess
so.
Here's
here's
a
question
that
I
have
actually
should
we
move
it
to
pending
review.
I
guess
we
should,
because
I
almost
skipped
a
step.
B
It
well
so
what
I
would
before
you
move
it
to
review
is
check
that
review
app,
make
sure
your
blog
post
looks
how
you
want
it
to
look
in
the
review
app
of
your
mr.
So
you
you
still
gotta
wait
for
that
pipeline
to
finish
before
you
even
have
access
to
the
review
app.
Let's
show
them
the
workflow
tab
and
how
you
would
be
able
to
move
it
into
the
next
stage.
Once
it's
ready.
A
Excellent,
thank
you
that's
great
yeah,
so
this
is
the
workflow
tab
and
I
did
that
as
lauren
was
speaking
so
I'll
go
back
again
to
where
I
was,
which
is
get
me
here.
Yes,
so
I
was
looking
at
the
page.
I
was
looking
at
the
blog
post
that
I
had
added
and
I
just
clicked
on
the
workflow
tab
in
the
top
navigation,
or
I
didn't
do
that.
I
clicked
on
the
back
button,
because
here
the
top
navigation
doesn't
have
that.
I
clicked
the
back
button
that
says
change
is
saved.
A
It's
got
a
little
back
arrow
here
to
the
left
and
then
I
clicked
the
workflow
tab.
That's
how
I
got
here
and
now
you
can
see
sort
of
these
swim
lanes
where
we
have
drafts
review
and
ready.
So
this
is
still
in
draft
because
we
haven't
done
anything
with
it.
So
when
you
click
that
save
button
the
first
time
it
gets
the
draft
label
which
puts
it
in
the
draft
column
and
again
we
can
see
that
draft
label
here
see
if
our
review
app
is
ready.
A
I
am
not
optimistic,
not
quite
do
you
want
to
show
something
else.
Do
you
want
me
to
move.
B
It
I'll
go
ahead
and
show
the
type
form
and
then
we'll
come
back
real,
quick.
B
We've
documented
this
editorial
workflow
here
on
the
handbook
page,
which
talks
about
how
this
works.
What
happens
when
you
make
an
action
and
notify
you?
Why
and
what's
happening
in
the
background
with
git,
so
always
check
out
the
handbook
page,
because
that's
gonna,
we're
gonna
be
keep
iterating
on
that.
But
the
next
thing
we're
gonna
show
you
is
how
to
edit
a
typeform
landing
page
or
create
a
new
one,
and
I'm
just
gonna
show
how
to
edit
a
current
one,
but
we
have
a
new
content
type
down
here
for
type
forms.
B
Currently
we
have
two,
so
you
could
create
a
new
one,
I'm
just
going
to
go
ahead
and
edit
a
current
one
and
it
looks
really
similar
to
all
the
other
content
types.
You
got
your
title,
your
header
body
seo
final
path.
This
is
what
your
data
file
is
going
to
be
named
and
it
only
names
it
the
first
time
you
create
it.
So
it's
important
when
you're
first
creating
a
new
page
that
you
get
that
final
url
path
correct.
We
can
always
change
it
later.
B
It
was
really
good
to
know-
and
here
is
the
magical
type
form
in
bed
right
here
and
you're.
Gonna
get
this
in
bed
from
type
form,
so
you'll
build
your
quiz
in
type
form,
style
it
and
then
you're
going
to
get
that
embed
code,
and
you
just
paste
it
in
here.
B
B
Oh
yeah,
that's
because
we
changed.
This
is
the
one
that
we
changed,
the
url
on
there.
It
is
so
this
is
what
the
quiz
landing
page
looks
like
all
these
pages
are
going
to
be
under
the
quiz.
Url
you've
got
your
title
block,
here's
your
type
form,
here's
the
cta
block
and
then
our
blog
cards
at
the
bottom,
and
that's
that's
pretty
much
it
for
that.
One.
That's.
B
A
A
Quick,
like
quick
cut
over
to
like
the
appetizers
right
and
it's
like
okay
and
now
we're
back
and
like
it's,
and
it's
done
all
right.
So
here
we
are,
we
are
back
in
yep,
I'm
sharing
my
screen.
We're
back
in
this
is
the
mr
created
from
my
blog
post.
It's
still
in
draft
mode,
and
but
now
we
have
this,
the
review
app
is
ready
to
go.
So
if
you
click
on
that
and
the
nice
thing
about
this
too,
is
it
like
it's
smart
and
it's
like?
A
Doesn't
work
cool
that
is
yeah,
that's
really
good
to
know,
and
those
are
just
for,
like
the
topics
top
levels
like
slash
topics,
slash
the
slug
and
then
there's
child
topics
that
are
underneath
and
then
the
type
form
like
you
said
is
under
quiz
so,
and
I
think
all
that
too
is
listed
in
the
netlife
cms
interface.
It's
like
here's.
What
your
final
url
will
look
like
in
some
prompt,
so
so
yeah
here
we
are
we're
on
unfiltered
and
you
can
see
in
this
review
app.
A
If
I
go
go
to
unfiltered,
it's
probably
not
yet
finished
building,
so
I
think
I
might
have
gone
a
little
too
fast
on
that
one
yeah.
I
don't
think
it's
yet
rebuilt
all
the
blog
stuff,
because
that's
being
run
in
parallel,
but
once
the
whole
mr
was
once
the
entire
pipeline
was
done.
You
could
go
like
check
on
the
blog
page
and
find
the
thing-
and
here
we
are.
This
is
a
sample
blog
post,
the
image
that
I
chose,
the
code
block
I'll
click,
click
to
tweet
element
here
as
well.
A
This
is
the
featured
image
that
we
chose
as
well
cool.
So
now
let's
say
I'm
really
happy
with
where
the
blog
is
at
and
I'm
like
great
loving
it.
I
feel
really
good
about
everything
I've
said
here,
so
we
can
do
one
of
a
couple
things,
and
so
probably
you
know
to
keep
everything
in
the
netify
cms.
You
can
just
drag
it.
Just
drag
it
to
in
review.
A
So
right
now
before
I
refresh
it's
still
in
draft,
and
we
should
see
that
with
the
in
repenting
review
and
here
we
are
and
then
you
can
assign
your
reviewer
get
all
the
people
who
need
to
get
eyes
on
it
to
get
eyes
on
it,
and
then
they
can
give
you
your
edits,
etc,
etc,
cool
and
then
from
there.
So
now,
you're
in
review
and
you've
gotten
all
your
feedback
back
on
it,
and
perhaps
someone
has
like
left
so
you
can
see
in
the
changes.
A
So
this
will
kind
of
feel
more.
Like
the
mr
stage
of
things,
people
can
leave
comments
and
say
someone
says
you
know
here:
hey
this
should
be
baz
right.
It's
like
add
comment.
So
they
add
this
comment
as
part
of
the
review
and
you
see
you're
like
okay
cool,
that
that
makes
a
lot
of
sense.
So
from
here
you
can
do
any
number
of
things.
But
again
you
know
you
can
edit
things
the
way
we
have
done
in
the
past.
You
can
go
through
the
web
ide.
A
A
It'll
load
up
here
we
are,
and
then
you
can
make
your
edits
and
you
can
kind
of
you
know
side
by
side
and
say:
oh
okay
like
this
is
this
should
actually
in
fact
be
baz
great
awesome,
cool
and
then
I
think
I
should
save
it
right.
A
Yep
and
you'll
see
the
status
is
back
in
review.
We
could
have
also
so
when
we
dragged
from
swimlane
to
swimlane.
You
can
also
like
set
the
status
which
I'll
demo
here
once
this
is
done.
Saving
itself.
B
B
What's
changed
with
that
new
commit
and
the
same
thing
will
happen:
if
another
person
opens
your
blog
post
and
edits,
it
it'll
show
a
new
commit
by
that
person
and
what
they
exactly
change.
So
there's
a
lot
of
ways
and
flexibility
of
using
this.
That's.
A
B
A
Just
like
any
of
the
get
differentials-
and
we
can
see
this
change
here
and
if
and
like
as
I
was
kind
of
like
saying-
is,
if
you
know
version
two,
was
your
initial
draft
right
or
version
one
was
and
now
you
have
this
latest
version
here
and
then
this
was
the
latest
version.
Was
your
editor
came
in
and
made
changes?
You
could
see
what
they
changed
specifically
in
that
commit
which
is
really
cool.
B
A
B
A
Yeah,
it's
awesome,
so
we
get
all
the
get
tools,
but
with
a
like
friendly,
beautiful
editor
in
front
of
it,
and
then
I
will
set
status
so
again.
What
I'm
gonna
do
here
is:
we've
saved.
We've
saved
this
post,
it's
still
like
in
review,
and
let's
say
it
like.
That
was
the
only
change
that
I
needed
to
make.
Now
I
could
click
ready
and
lauren
correct
me
if
I
ready,
won't,
publish
it
right.
This
will
just
say
it.
Nope.
A
Sweet
excellent,
that's
so
good
now
so
clicking
ready
here
is
accomplishes
the
same
thing
as
dragging
it
into
this
into
the
different
swim
lanes
so,
and
we
can
show
that
first
here
with
the
labels
pending
publish
label,
and
we
can
also
see
it
in
the
workflow
and
now
you
can
see
it
was
we
started
in
drafts,
move
to
review
moved
to
ready.
A
B
B
What's
really
good
to
know,
is
you
can
only
publish
it
if
you
have
merging
rights
to
the
www.
A
Right
right
already,
yeah
and
that's
and
and
yeah
so
that
gives
us
those
good
safeguards
on
that
too,
and
so
yeah
we
could,
you
know,
approve
and
merge
as
need,
be
publish
now
you
know,
publish
and
create
and
create
new
will
start
a
new
blank.
One
duplicate
will
duplicate
what
you
put
in
here,
I'm
not
going
to
click
publish
on
this
test
post
and
in
fact
I
will
delete
this
unpublished
entry
unless
there's
anything
else.
You
want
to
show
here.
A
B
Just
really
check
that
handbook
page
out:
that's
gonna,
be
your
best
resource
for
learning
and
keeping
up
to
date
with
that
functionality.
A
Yeah,
I
had
a
thought
too
about
the
saving,
the
workflow,
the
drafting.
I
think
and
correct
me.
If
I'm
wrong,
we
should
do
a
more
in
depth
on
this
like
next
time.
I'll,
add
it
to
the
agenda,
but
I
think
that
l5
cms
saves
work
in
local
storage
so
like
if
you
accidentally,
like
close
your
tab,
it
has
a
pretty
up-to-date
like
auto
save
thing
and
also
you
don't
need
to,
like
click
that
save
button
over
and
over
again.
A
The
way
that
you
might
in
like
a
word
doc,
if
you
were
saving
very
frequently
and
because
the
save
button
is
like
a
little
slow,
you
can
rely
on
the
local
storage
for
a
lot
of
the
the
saving
if
you're
putting
it
aside
for
the
night
and
like
turning
off
your
computer,
you
might
want
to
click
the
actual
save
button
to
get
that
up
into
an
mr.
But
for,
like
you
know,
five
minutes
you
go
make
a
coffee
or
again
you,
like
accidentally,
close
a
tab.
You
know
you'll
have
that
work
generally
saved.
A
It
can
go
if
your
local
storage
goes
away,
but
we
can
do
a
deeper
dive
on
like
what
gets
saved
when
and
what
you
can
rely
on
and
what's
the
easiest
way
to
make
sure
you
don't
lose
your
work.
But
I
wanted
to
make
sure
people
know
that,
like
there
is
an
auto
save
thing
going
on
behind
the
scenes.
A
Yeah
cool
awesome:
well,
that's
everything
for
recording!
I
can
wrap
us
up
here.