►
Description
Video showing in practice on how to get a free Microsoft 365 tenant and how to apply the needed configuration for enabling it to be used for SharePoint Framework (SPFx) development.
➡️ Next steps are in following video - https://www.youtube.com/watch?v=Cxx9MdjEiEw
You can find written version of this tutorial from following location - https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant?WT.mc_id=m365-15744-cxa
April 2022 version using SharePoint Framework 1.14.
• Presenter - Vesa Juvonen (Microsoft) | @vesajuvonen
SharePoint Framework (SPFx) is the easiest professional developer option to build enterprise extensibility for Microsoft Teams, Microsoft Viva and SharePoint. There are tens of millions of monthly active users (MAU) for custom extensibility in Microsoft 365 built with SPFx.
Supporting materials:
• Tutorial documentation - https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant?WT.mc_id=m365-15744-cxa
• More details around SharePoint Framework - https://aka.ms/spfx
Learn more:
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365pnp
Sharing is caring! You are awesome! 🧡
A
Welcome
to
this
getting
started
with
sharepoint
framework
development
tutorial
series.
It
is
now
april
2022,
so
good
of
a
warning.
Of
course,
there
might
be
some
adjustments
related
on
the
steps
which
we're
doing
in
the
series,
but
please
always
double
check
the
actual
written
tutorial,
which
is
always
kept
up
to
date.
A
So
what
we
need
to
basically
do
is
make
sure
that
we
have
a
app
catalog
access,
app
catalog
into
tenant
and
that's
mainly
for
deployment
purposes.
You
could
technically
do
development
even
without
catalog,
but
as
we
then
want
to
actually
get
the
code
and
put
it
running
in
the
tenant
without
the
local
development
experience,
and
we
want
to
have
the
tab
catalog
available
now,
let's
actually
jump
into
it.
A
So,
let's
actually
get
moving
and
first
of
all,
I'm
kind
of
a
mimicking
situation
that
this
would
be
my
primary
computer.
So
I
do
have
my
profile
in
my
in
the
edge
and
in
my
case
in
this
case
it
would
be
kind
of
a
connecting
to
the
default
company
assets
and
all
of
that-
and
you
don't
want
to
mix
that
together
with
your
development
tenant.
So,
first
of
all,
what
we
always
always
recommend
people
to
do
is
using
the
profiles
in
the
browser.
A
So
it
doesn't
matter
if
you're,
using
a
firefox,
chrome
or
edge
chromium,
and
you
can
take
advantage
advantage
of
these
things
as
well.
So
first,
what
we
want
to
do
is
add
a
new
profile.
This
is
a
really
really
good
thing
of
isolating
your
development,
identity
and
development
profile
and
development
tenant
to
this
experience,
now,
let's
close
up
the
other
side
on
there
and
let
me
actually
go
in
here.
A
Let
me
do
a
small
adjustments
on
the
profile
settings
where
we
can
set
a
nice
picture
on
the
on
the
profile,
so
we
can
easily
identify
that
and
let's
call
this
my
dev
environment.
Okay,
that's
not
nothing!
More
than
a
browser
profile
for
now,
so
where
do
we
actually
get
our
tenant
for
development?
Well,
the
easiest
way
to
do
that
is
to
register
to
microsoft,
resist
five
developer
program
and
our
developer
program
basically
gives
you
well
not.
A
Basically,
it
does
give
you
a
free
microsoft,
365,
e5,
tenant
with
25
accounts,
and
it
renews
automatically
in
every
90
days
as
long
as
you
use
it
for
development
purposes.
So
there's
a
certain
level
of
in
instrumentation
in
place
which
will
detect
that,
oh,
you
are
actually
using
this
for
developer
uses
it,
so
it
will
automatically
renew.
A
All
of
this
is
in
place
just
in
case
that
nobody
would
be
using
the
developer
tenant
for
production
usage,
because
that
would
be
again
breaking
the
license
agreements
and
all
of
that-
and
we
of
course,
don't
want
that
to
happen.
So
how
do
you
get
the
talent
is?
Is
the
register
in
this
program
or
you
might
sign
up
for
a
trial
tenant,
but
every
single
developer
can
have
their
own
free
tenant
using
this
program?
A
A
So
that's
a
relatively
simple
url
to
member
admin.microsoft.com
and
then
it's
going
to
ask
me
to
sign
in
in
my
case
because
again
we're
playing
with
profile,
I'm
going
to
say
that
no,
no,
no,
I
don't
want
to
use
my
work
profile.
I
want
to
sign
in
using
that
isolated
profile
and
isolated
profile
information
and
I'm
going
to
actually
use
my
administrative
identity.
A
So,
let's
actually
sign
into
my
tenant
there
we
go
and
I'm
gonna
copy
the
password
here
and
I'm
gonna
paste
in
the
password
here
and
then
we
are
signed
in
so
and
again
dear
edge.
No,
I
don't
want
to
mix
and
match.
I
want
to
have
this
profile
as
a
separate
profile,
and
I
want
to
stay
in
so
next
time.
When
I
actually
go
to
admin.microsoft.com,
it
will
actually
redirect
me
directly
to
the
microsoft
365
admin
ux.
That's
a
relatively
simple
thing
to
remember
now.
A
What
we
wanted
to
do
is
that
then
we
create
the
app
catalog
within
this
tenant.
So
we
make
sure
that
app
catalog
is
available
so
that
whenever
we
are
ready
to
get
deployment
under
the
application
to
deployed,
we
can
take
advantage
of
that.
So
where
do
we
actually
get
the
sharepoint
app
catalog
to
be
available?
We
go
to
show
all
actually
bit
increase
the
font.
Here
we
go.
A
We
go
to
the
admin
ux
in
show
all
we
can
then
see
the
sharepoint
in
here
and
I'm
clicking
that
one
and
it
will
redirect
me
into
the
sharepoint
admin
tooling
and
admin
portal
admin
center.
Apparently
it's
the
right
name
and
in
here
I'm
going
to
click
more
features,
and
then
I
can
see
the
apps
selection
in
here,
I'm
going
to
click
open
and
if
the
app
catalog
isn't
available
at
this
moment,
it's
going
to
create
I've
got
a
look
to
this
tenant.
A
A
And
there
we
go
now
we
have
the
app
catalog
available
and
there's
a
nice
reminder
or
saying
that
welcome
to
the
new
apps
experience.
As
I
said,
this
was
relatively
as
I'm
recording
this
video
in
april
2022,
and
this
new
experience
was
just
rolling
out
on
all
of
the
tenets.
So
that's
pretty
cool
modified
experience.
So
now
we
have
the
app
catalog
and
then
we
need
to
create
ourselves
a
site
collection
where
we
want
to
do
the
development
and
this
site
collection
is
should
be.
A
You
can
potentially
use
the
same
thing
for
multiple
developers
for
developing
users,
it's
usage
and
then
we're
doing
development
locally
and
then
have
any
isolated
site
collections.
But
when
we're
deploying
stuff,
then
that
might
might
actually
get
a
bit
tricky
now.
What
we
want
to
do
here
is
that
we
create
the
site
collection
and
which
will
use
as
the
context
as
the
as
the
location
which
we
use
to
access
the
online
workbench
and
and
then
we
access
the
context
of
that
site.
A
So
probably
the
easiest
way
now
to
create
the
site
collection
is
by
going
to
the
admin
center
and
and
start
creation
from
there.
So
we
can
actually
go
to
the
admin
center
because
I
had
it
open
still
in
the
tab
and
then
I'm
going
to
do
the
active
sites
and
then
I'm
going
to
actually
create
a
new
site
collection,
and
this
then
opens
up
the
site,
collection,
creation,
experience
and
then
it's
up
to
the
selection.
Do
we
want
to
select
the
team
site
or
a
communication
site
they're
pretty
close?
A
A
Antenna,
let's
create
the
site
collection-
that's
not
going
to
take
too
long.
Nowadays,
this
actually
used
to
take
more
than
10
to
15
minutes
to
create
a
site
collection
many
many
years
ago.
So
it's
great
to
see
how
fast
things
are
not
working
nowadays
in
the
in
the
cloud.
So
there
we
go,
the
diff
side.
Collection
has
been
created
and
if
I
click
that
one
I
will
be
now
redirected
to
the
dev
site
collection,
and
this
is
basically
now
then
the
location
which
we
can
use
for
developer
purposes.
A
A
So
now,
if
you
go
to
the,
if
you
go
to
the
url-
and
you
say,
slash
underscore
layout,
slash
workbench.asp
and
if
I
request
that
one
we
can
actually
see
our
online
workbench,
and
this
is
really
the
location
which
we
will
be
using
then
for
development
purposes.
But
let's
start
doing
that
within
the
next
tutorial.