Build a portfolio in 6 mins with v0.dev

Hey what better way to start a YouTube channel than jumping on a soapbox and telling folks what to do.

Find out how to build your own portfolio in under 5 mins (the actual development bit, ignore the intro).

Here's the v0 code for those of you folks are looking:
npx v0 add h1dPrbkh9Ej

Book a meeting ↓
https://robotostudio.com/call?ref=you...

Socials ↓
https://robotostudio.com/
https://x.com/studioroboto
  / 11290247  

hey how's it going I've been wanting to
hey how's it going I've been wanting to
do this video for a while um and the
do this video for a while um and the
do this video for a while um and the
reason being is because the job market
reason being is because the job market
reason being is because the job market
absolutely sucks right now um and I
absolutely sucks right now um and I
absolutely sucks right now um and I
wanted to give you a bit of optimism and
wanted to give you a bit of optimism and
wanted to give you a bit of optimism and
show you something cool and something
show you something cool and something
show you something cool and something
anecdotal that happened on our side so
anecdotal that happened on our side so
anecdotal that happened on our side so
recently we advertised for a front-end
recently we advertised for a front-end
recently we advertised for a front-end
role um and that particular role had 150
role um and that particular role had 150
role um and that particular role had 150
applicants and out of those 150
applicants and out of those 150
applicants and out of those 150
applicants about a third had a portfolio
applicants about a third had a portfolio
applicants about a third had a portfolio
now why is this important um a portfolio
now why is this important um a portfolio
now why is this important um a portfolio
is generally the the number one thing to
is generally the the number one thing to
is generally the the number one thing to
use to to essentially quantify the
use to to essentially quantify the
use to to essentially quantify the
quality of your work um you can show
quality of your work um you can show
quality of your work um you can show
your top three projects and you can you
your top three projects and you can you
your top three projects and you can you
can have a recruiter that looks at it
can have a recruiter that looks at it
can have a recruiter that looks at it
and they can find out within a minute or
and they can find out within a minute or
and they can find out within a minute or
two and this is really really important
two and this is really really important
two and this is really really important
for passing that first stage um of the
for passing that first stage um of the
for passing that first stage um of the
you know essentially getting the role um
you know essentially getting the role um
you know essentially getting the role um
and so I wanted to show you today a very
and so I wanted to show you today a very
and so I wanted to show you today a very
very fast method of building a portfolio
very fast method of building a portfolio
very fast method of building a portfolio
from scratch a lot of people say they're
from scratch a lot of people say they're
from scratch a lot of people say they're
a pain in the ass to build they take a
a pain in the ass to build they take a
a pain in the ass to build they take a
long time yada yada all this stuff right
long time yada yada all this stuff right
long time yada yada all this stuff right
but realistically I'm going to show you
but realistically I'm going to show you
but realistically I'm going to show you
this and how to build this in 5 minutes
this and how to build this in 5 minutes
this and how to build this in 5 minutes
flat um so we are going to use this tool
flat um so we are going to use this tool
flat um so we are going to use this tool
right here which is called vzer dodev uh
right here which is called vzer dodev uh
right here which is called vzer dodev uh
or vzer um feel free to go and use this
or vzer um feel free to go and use this
or vzer um feel free to go and use this
afterwards I'm going to share all of the
afterwards I'm going to share all of the
afterwards I'm going to share all of the
things that we've done today in this
things that we've done today in this
things that we've done today in this
video um but it's an incredible tool
video um but it's an incredible tool
video um but it's an incredible tool
it's basically a way of generating front
it's basically a way of generating front
it's basically a way of generating front
end um with shadsy n UI and tailwind and
end um with shadsy n UI and tailwind and
end um with shadsy n UI and tailwind and
do it rapidly from a uh a text prompt so
do it rapidly from a uh a text prompt so
do it rapidly from a uh a text prompt so
we're going to create a landing page for
we're going to create a landing page for
we're going to create a landing page for
a front end Developers
portfolio called jono um We're going to
portfolio called jono um We're going to
use the quality version again if you're
use the quality version again if you're
use the quality version again if you're
I I know how it is right when it's your
I I know how it is right when it's your
I I know how it is right when it's your
first job you don't have a huge amount
first job you don't have a huge amount
first job you don't have a huge amount
of cash so feel free to use the speed
of cash so feel free to use the speed
of cash so feel free to use the speed
version I think it's free for a certain
version I think it's free for a certain
version I think it's free for a certain
amount of uses it'll still get you
amount of uses it'll still get you
amount of uses it'll still get you
roughly the same thing let's hit
roughly the same thing let's hit
roughly the same thing let's hit
submit when you get your first job by
submit when you get your first job by
submit when you get your first job by
the way when you get a bit of Moola
the way when you get a bit of Moola
the way when you get a bit of Moola
definitely worth the investment for the
definitely worth the investment for the
definitely worth the investment for the
quality though so fingers crossed for
quality though so fingers crossed for
quality though so fingers crossed for
you so what's happening here is is
you so what's happening here is is
you so what's happening here is is
essentially it's generating all the UI
essentially it's generating all the UI
essentially it's generating all the UI
it's streaming it in um so you can see
it's streaming it in um so you can see
it's streaming it in um so you can see
all of this is here this is the version
all of this is here this is the version
all of this is here this is the version
so there's a b and c version so going to
so there's a b and c version so going to
so there's a b and c version so going to
see how the version a looks it's pretty
see how the version a looks it's pretty
see how the version a looks it's pretty
good there's a bit of padding issue here
good there's a bit of padding issue here
good there's a bit of padding issue here
and we're going to go fix that in a
and we're going to go fix that in a
and we're going to go fix that in a
second um Technologies I work with let's
second um Technologies I work with let's
second um Technologies I work with let's
see how this section gets loaded I quite
see how this section gets loaded I quite
see how this section gets loaded I quite
like these I like the icons I think it's
like these I like the icons I think it's
like these I like the icons I think it's
a nice little touch but again couple of
a nice little touch but again couple of
a nice little touch but again couple of
issues with padding and such on there um
issues with padding and such on there um
issues with padding and such on there um
it's not always perfect but I'll show
it's not always perfect but I'll show
it's not always perfect but I'll show
you how to fix that in a second um again
you how to fix that in a second um again
you how to fix that in a second um again
padding issue here not a big deal um I
padding issue here not a big deal um I
padding issue here not a big deal um I
don't like this one as much a is the
don't like this one as much a is the
don't like this one as much a is the
best one so far and let's see what C is
best one so far and let's see what C is
best one so far and let's see what C is
like um so C looks pretty good but a
like um so C looks pretty good but a
like um so C looks pretty good but a
couple of things are a little bit wonky
couple of things are a little bit wonky
couple of things are a little bit wonky
um I think a is the one to go for so
um I think a is the one to go for so
um I think a is the one to go for so
what we can do um we can hit this with
what we can do um we can hit this with
what we can do um we can hit this with
another thing so we can go um make each
another thing so we can go um make each
another thing so we can go um make each
section A little bit
section A little bit
section A little bit
more uh padding between
more uh padding between
more uh padding between
each you know when I'm actually writing
each you know when I'm actually writing
each you know when I'm actually writing
in these prompts as soon as I start W
in these prompts as soon as I start W
in these prompts as soon as I start W
and the the actual fluency and such is
and the the actual fluency and such is
and the the actual fluency and such is
is just goes downhill so fast so please
is just goes downhill so fast so please
is just goes downhill so fast so please
don't judge my spelling when I'm writing
don't judge my spelling when I'm writing
don't judge my spelling when I'm writing
any of these um so hopefully this should
any of these um so hopefully this should
any of these um so hopefully this should
fix it we'll see how we get on with this
fix it we'll see how we get on with this
fix it we'll see how we get on with this
um but once we've got this and again
um but once we've got this and again
um but once we've got this and again
this is this is what the beauty of the
this is this is what the beauty of the
this is this is what the beauty of the
tool is right this is the vzero version
tool is right this is the vzero version
tool is right this is the vzero version
um this next one's the V1 version and so
um this next one's the V1 version and so
um this next one's the V1 version and so
on and so forth you can see how it's now
on and so forth you can see how it's now
on and so forth you can see how it's now
fixed it okay cool this is looking much
fixed it okay cool this is looking much
fixed it okay cool this is looking much
nicer in my opinion project one guess
nicer in my opinion project one guess
nicer in my opinion project one guess
what project two project three so on and
what project two project three so on and
what project two project three so on and
so forth this is this is exactly what I
so forth this is this is exactly what I
so forth this is this is exactly what I
was looking for Okay cool so we'll let
was looking for Okay cool so we'll let
was looking for Okay cool so we'll let
that build and in the time while we're
that build and in the time while we're
that build and in the time while we're
letting this build we're going to very
letting this build we're going to very
letting this build we're going to very
quickly set up our next JS environment
quickly set up our next JS environment
quickly set up our next JS environment
it's it's already set up essentially so
it's it's already set up essentially so
it's it's already set up essentially so
um we're going to move to my first
um we're going to move to my first
um we're going to move to my first
portfolio and we're going to open out um
portfolio and we're going to open out um
portfolio and we're going to open out um
IDE called cursor cursor is a awesome
IDE called cursor cursor is a awesome
IDE called cursor cursor is a awesome
tool um it's basically Visual Studio
tool um it's basically Visual Studio
tool um it's basically Visual Studio
code um but it's built with AI
code um but it's built with AI
code um but it's built with AI
integrated completely in every single
integrated completely in every single
integrated completely in every single
way you can imagine um so this is a
way you can imagine um so this is a
way you can imagine um so this is a
complet completely vanilla fresh nextjs
complet completely vanilla fresh nextjs
complet completely vanilla fresh nextjs
environment and what we're going to do
environment and what we're going to do
environment and what we're going to do
is we're going to take this and we're
is we're going to take this and we're
is we're going to take this and we're
going to go hit the code we're going to
going to go hit the code we're going to
going to go hit the code we're going to
go hit this MPX v0 this basically adds
go hit this MPX v0 this basically adds
go hit this MPX v0 this basically adds
everything that you have here um and it
everything that you have here um and it
everything that you have here um and it
puts it directly into your project so
puts it directly into your project so
puts it directly into your project so
we're going to go paste that inside of
we're going to go paste that inside of
we're going to go paste that inside of
here we're going to go MPX v0 add and
here we're going to go MPX v0 add and
here we're going to go MPX v0 add and
guess what's going to happen we're going
guess what's going to happen we're going
guess what's going to happen we're going
to have to do a little bit of a
to have to do a little bit of a
to have to do a little bit of a
initialization so let's do
initialization so let's do
initialization so let's do
that cool this is not going to take long
that cool this is not going to take long
that cool this is not going to take long
at all done right so let's run that
at all done right so let's run that
at all done right so let's run that
again we're going to run the same thing
again we're going to run the same thing
again we're going to run the same thing
here again
here again
here again
um hit enter it's going to ask us what
um hit enter it's going to ask us what
um hit enter it's going to ask us what
we should name the component we're going
we should name the component we're going
we should name the component we're going
to call it
to call it
to call it
homepage and that's basically going to
homepage and that's basically going to
homepage and that's basically going to
get pulled into the project um what it's
get pulled into the project um what it's
get pulled into the project um what it's
doing now is it's using Shad CN UI
doing now is it's using Shad CN UI
doing now is it's using Shad CN UI
components in here so let's move back to
components in here so let's move back to
components in here so let's move back to
cursor and we'll see that we now have
cursor and we'll see that we now have
cursor and we'll see that we now have
this components folder we've got UI
this components folder we've got UI
this components folder we've got UI
inside of here button card input label
inside of here button card input label
inside of here button card input label
text area so on and so forth and the
text area so on and so forth and the
text area so on and so forth and the
homepage itself now I like dark mode
homepage itself now I like dark mode
homepage itself now I like dark mode
websit so I'm going to like what happens
websit so I'm going to like what happens
websit so I'm going to like what happens
in a second so let's go to the page
in a second so let's go to the page
in a second so let's go to the page
let's get rid of the um stuff in here so
let's get rid of the um stuff in here so
let's get rid of the um stuff in here so
all this boiler
all this boiler
all this boiler
plate you can also change so so now what
plate you can also change so so now what
plate you can also change so so now what
we're going to do we're going to go type
we're going to do we're going to go type
we're going to do we're going to go type
homepage we're going to pull the
homepage we're going to pull the
homepage we're going to pull the
homepage in and what's really cool is
homepage in and what's really cool is
homepage in and what's really cool is
we'll flip back here and I'm going to go
we'll flip back here and I'm going to go
we'll flip back here and I'm going to go
check out this create next app um two
check out this create next app um two
check out this create next app um two
seconds let's make sure it's
running and there you go right so this
running and there you go right so this
is working apart from the fact that we
is working apart from the fact that we
is working apart from the fact that we
can see it's on the left hand side of
can see it's on the left hand side of
can see it's on the left hand side of
the page now how do we fix this real
the page now how do we fix this real
the page now how do we fix this real
quick um again this is the do mode
quick um again this is the do mode
quick um again this is the do mode
version I actually prefer the do mode
version I actually prefer the do mode
version I actually prefer the do mode
version um we are going to go back into
version um we are going to go back into
version um we are going to go back into
cursor and we are going to go into the
cursor and we are going to go into the
cursor and we are going to go into the
homepage and the way we fix this is we
homepage and the way we fix this is we
homepage and the way we fix this is we
fiddle with the containers so we look
fiddle with the containers so we look
fiddle with the containers so we look
for a container okay cool and what we
for a container okay cool and what we
for a container okay cool and what we
need to do is we need to go press
need to do is we need to go press
need to do is we need to go press
command d a bunch of times to pick up
command d a bunch of times to pick up
command d a bunch of times to pick up
all the containers and we need to do mx-
all the containers and we need to do mx-
all the containers and we need to do mx-
auto to make sure that it always hits
auto to make sure that it always hits
auto to make sure that it always hits
the center of the screen now what you
the center of the screen now what you
the center of the screen now what you
got here is a pretty damn good portfolio
got here is a pretty damn good portfolio
got here is a pretty damn good portfolio
for a first draft um and I would be
for a first draft um and I would be
for a first draft um and I would be
pretty impressed if somebody sent this
pretty impressed if somebody sent this
pretty impressed if somebody sent this
across um obviously put all of your work
across um obviously put all of your work
across um obviously put all of your work
in here and make it look really cool but
in here and make it look really cool but
in here and make it look really cool but
you can see you know it's a great
you can see you know it's a great
you can see you know it's a great
starting point so I hope this has helped
starting point so I hope this has helped
starting point so I hope this has helped
everybody and uh best of luck in the the
everybody and uh best of luck in the the
everybody and uh best of luck in the the
the careers's progress take care have a
the careers's progress take care have a
the careers's progress take care have a
great day bye