Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Build a To-Do List App with Replit Agent!
You have completed Build a To-Do List App with Replit Agent!
Preview
In this video, we deploy our Replit app live to the web in just a few clicks. We pick a URL, hit deploy, and watch our project go public. By the end, you’ll know how easy it is to share your app online.
This is part of the AI for Everyone: Build Power Apps Without Coding track. Check out the track to see the rest of our No-Code content. Stay tuned—new content is continually being added, so be sure to check back regularly for updates!
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
All right.
0:00
I think this app looks
we're in pretty good shape,
0:00
at least to go ahead and deploy and start
getting feedback from users.
0:03
What do you think, Christian?
0:06
I think so, too.
0:09
I think once we are at a point
where we've done enough
0:09
and we got to see how it works
in the deployment phase.
0:14
Absolutely.
0:18
So let's give it a shot here in Replit.
0:19
You just go right up to this right hand
corner to deploy and just click on that.
0:21
and you can start
to set your configuration.
0:26
Now, it gives you what it thinks
should be the best
0:30
configuration for your app automatically,
so there's really nothing to do.
0:33
But if you know you are technical
and want to change any of
0:37
these parameters, feel free.
0:40
And this is also a good time for you
0:43
to take a screenshot of this,
and if you don't understand any of it,
0:46
feed it to your LLM of choice
and ask them,
0:49
what does this mean when it says,
, for vCPUs or 8 gigabytes of RAM?
0:53
, what does this mean for my app? Right.
0:58
And, you know, again,
1:02
that's, you know, the power of the machine
processing your app.
1:04
So is it strong enough to handle your app?
1:07
So that's something you could ask ChatGPT
or Claude and get feedback on that.
1:10
And if we just go to the next stage,
1:15
we can just continue on.
1:18
This is where we would set
our temporary domain.
1:19
Until we connect our custom domain,
we can use a Replit provided domain.
1:23
So it could be to-do list app.
1:27
Oh someone using that We just add
1:33
some random numbers So
1:36
to list app
1:40
7128 So
1:41
that would be the address to see the app.
1:44
And then this is our run command,
which we talked about using cursor
1:47
or different tools that you need
a run command to start the program.
1:51
But again, this is all being handled
behind the scenes by Replit,
1:55
so we don't have to worry about
any of this.
1:59
We just continue
through the prompts by saying, you know,
2:01
next step, next step, and now deploy.
2:04
And there we go.
2:11
We'll just watch it
2:12
go through each of these steps,
provision, build, bundle, and promote.
2:12
And it's very common for this
to take about anywhere from three to six
2:16
minutes on average just to fully deploy
and get live on the web.
2:22
And if you'll notice,
2:31
we have this line here
about the change log in GitHub.
2:32
A great thing about Replit
is that it's handling
2:35
all the versioning
and saving of our project
2:38
behind the scenes
by constantly having these checkpoints
2:41
that are actually just different
instances of our GitHub branch.
2:45
So it's saving that all in the background
and we can actually rewind
2:50
or go back to a rollback
to any point at a given time.
2:54
That's correct.
3:00
So in case you don't this deployment
or this build where you're at,
3:02
you can always go back to a former version
and fix what you need before
3:06
deploying again.
3:11
Absolutely
3:12
And it moving right along Again
this does take quite a while
3:16
We into three of the four steps
we now getting to the last one
3:19
and once that gets done we'll get our link
3:25
and we'll be able to check it out
live on the web
3:27
and you can share this link
3:30
with any of your users friends
anyone colleagues just to get feedback
3:31
and have them actually
test out your application
3:35
and we want to take this moment
to really sit down be you
3:39
if you follow along you've built this
this is something that would have taken
3:44
months of regular coding learning
how to do it
3:48
we've probably built this in at most
maybe two or three hours
3:52
if you went all in
and now that you're deploying
3:57
it's a moment of celebration
if this is the first time ever doing this
4:01
because it is a milestone
in your coding career
4:04
because this is what a real,
4:09
I would say, programmer
developer would do.
4:13
And you are being able to experience that.
4:16
And furthermore, you can even take
this project that you're building
4:18
and put that in your portfolio,
show people what you can do
4:22
now that you can build these tools
and help them build tools as well.
4:25
But as you'll
notice, we are done in our deployment.
4:30
Here is our link,
to-do list at 7128.replet.app.
4:33
and I can just hit this button right here.
4:37
And just that,
we have our project live on the web
4:40
and it still has that same functionality.
4:43
We can plan a birthday we've been doing
4:45
all along.
4:48
Personal,
5:04
there we go And let's just see if it,
it says it created Yep, it's right there
5:05
There you go
5:09
Boom Excellent,
5:14
so again this is a great Time to celebrate
and Share this with you, you know
5:16
your family,
your friends, your colleagues,
5:21
and just get that little bit of feedback
and just start
5:23
to participate in the build share cycle,
5:27
build technology, build apps, build
things that are useful to you and others.
5:31
And it doesn't have to be a big project
every time.
5:35
It could be as simple as,
5:38
you know, this to-do list task manager
that we've also created. Yep.
5:39
And when you kind of share it
with your friends and family and close
5:43
ones,
this is what we call product market fit.
5:46
You're testing
if this product that you've built
5:49
is a good fit
for whatever market you're aiming at.
5:52
So once you've deployed, you now validate,
5:54
see if it's a good validation
of a product market.
5:58
And then if it is, continue building out
the robust features you have planned.
6:01
If you don't know how to move
from this step,
6:05
consult ChatGPT or even Reddit,
all these different sites that will help
6:09
you move on to the next step and building
and polishing your first built app.
6:13
If this is not your first one,
continue building and polishing your apps.
6:19
So with that, we hope we've given you
6:23
all the tools you need to start
building out apps in Replit.
6:25
And we can't wait to see what you build.
6:28
Happy building, everyone. Happy building.
6:31
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up