In this tutorial for beginners, you will learn how to develop a full-stack web application entirely in your browser using Gitpod ( You will build the app with Svelte and Postgres. From creating a new repository to deploying to production, we will write and discuss every line of code.
✏️ Course developed by Mike Nikles. Mike on Twitter:
📝 Code:
Pull requests are available for each section of the course.
💻 The technology stack for this course includes:
💿 Svelte (
💿 SvelteKit (
💿 Prisma (
💿 Postgres (
💿 Vercel (
💿 Railway (
🎉 This course was made possible through a grant from GitPod.
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:08:51) What you will learn
⌨️ (0:12:07) Gitpod developer environment
⌨️ (0:13:33) Project Overview: A todo app
⌨️ (0:16:33) Architecture
⌨️ (0:20:39) Initialize the application
⌨️ (0:40:12) Intro to SvelteKit
⌨️ (0:55:31) Configure Gitpod
⌨️ (1:32:07) Develop HTML structure
⌨️ (1:53:46) Apply CSS styles
⌨️ (2:44:32) Develop CRUD endpoints: GET and POST
⌨️ (3:31:54) DELETE
⌨️ (4:16:45) PATCH – Edit Text
⌨️ (4:33:22) PATCH – Mark as Done
⌨️ (4:48:41) Enhance HTML forms
⌨️ (5:40:56) Install & start the dev database
⌨️ (5:50:33) Use Prisma ORM
⌨️ (6:26:32) Update API to use Prisma
⌨️ (6:47:58) Deploy Database on Railway
⌨️ (7:03:33) Deploy web app & API on Vercel
⌨️ (7:12:28) Project review
⌨️ (7:16:14) What’s next?
⌨️ (7:19:22) Wrap up
Closed captions for this video were provided by Primsa. You can get free captions for your own videos that feature Prisma here:
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
And subscribe for new videos on technology every day:
26 Comments
Two Left Shoes
3 years agoThis was fantastic sell for Gitpod. Definitely gonna check it out!
Bryan Klein
3 years agoGreat video! I would love to see a follow up to this video, showing a migration of this app to Supabase. Using the supabase JS client, adding auth and todo ownership, etc. Would you still use Prisma for the ORM and database migrations, even if the client is less necessary?
Ronny Fretel
3 years agoThanks for the video, it was usefull! just one advice try to drink water it was anoying to ear you dry mouth
Nitnal Tv
3 years agoWhat are prerequisites for this course?
Bruno Rocha
3 years agoAmazing channel.. greats teachers!!! Thank you
PRATYUSH PAHARI
3 years agoRequesting you please make a course on Artificial Intelligence, Machine Learning, Cloud Computing, Blockchain Technology and DevOps
Stacy J
3 years agoYOOOOOOOO THIS Dude is BRILLIANT!!!! He hit the nail on the head with the point about how there is so little on the web about linking all your front and backend stuff together! This was an amazing course!!!! Still blows my mind this stuff is free. I've paid for courses that were no where near this good! Hope you are doing well and have a good Christmas Mike! Thank you so much!
show more show lessRed B
3 years agothis channel deserve all the support
MD ABDUR RAHIM
3 years agoAwesome 👍👍👍
Stranger in a strange land
3 years agoAwesome!! Just completed tutorial. Thanks a ton.
General C
3 years agoDear brother, is there any course on Artificial intelligence and machine learning specially for mechanical engineers it's very difficult for us convert from hardware to software please need suggestion on this topics.
Advance thanks for your support.
Avery Chang
3 years agoYour course is amazing, hope to learn more from you!
dhaval solanki
3 years agoi m not able to find a complex big svelte project if anyone can share please help
Adam Breezy
3 years agoThis is like alien language to me. I'd like to learn solidity. And javascript. Become a full stack. Any recommendations where a guy who knows nothing about codes can start?
CJ
3 years agoMerry Christmas Mike, and thank you so much for this tutorial! Can’t wait to see what you drop next!
Ben Tijanic
3 years agoFor people that might get discouraged. Before going into this course make sure you know enough about TypeScript and sveltekit. Instructor runs over imports and typescript syntax which is very confusing for beginners. Don't let this stop you if you don't understand what instructor is doing.
VaniaD
3 years agoMerry Christmas Mike, this was amazing to build along, … I am getting errors in prisma Database `todos.public` does not exist on the database server at `localhost:5432`. and guys from stackoverflow are saying url for the database should be localhost:5432 …. I will change and see if it works, any advice will be helpful, Thank you!
show more show lessPaul Watts
3 years agoI can't praise this course enough! I learnt so much about so many things, including things that I have been using for years. It's a real credit to you Mike and a very sincere and big Thank You!
jura mal
3 years agoMerry Christmas Mike /v.v.putin/
Gerardo Palazuelos Guerrero
3 years agoThis is an awesome development workflow using gitpod. Thank you!
ᴷⁱⁿᵈˡʸ ᴴᵉˡᵖ ᴹᵉ ᴿᵉᵃᶜʰ100kˢᵘᵇˢᶜʳⁱᵇᵉʳˢ ᵂⁱᵗʰ ᴺᵒ ⱽⁱᵈᵉᵒˢ
3 years agoI wasted thousands of dollars in college and learned nothing compared to what i learned here in this channel for free. You guys are amazing . You people deserve a noble prize for what you are doing here.
Tylar Miller
3 years agoI'm looking for a Dapp developer to help me build out a few ideas I have. Real world applications to help two everyday business sectors. Can you assist or do you know someone who can?
Vinicius Ataide de Albuquerque
3 years ago4:30:30 why didn't you use a Partial<Todo>?
B N
3 years agoRunning into errors with the TypeScript in the post endpoint – when adding the FormData argument it throws: "Generic type 'RequestHandler<Locals>' requires between 0 and 1 type arguments." Various other issues with retrieving the FormData from there, which renders the rest of the course useless unfortunately.
bernardino cuadros valdivia
3 years agofullstack es el futuro, a raíz de la pandemia las empresas tuvieron que adaptarse para sobrevivir y en ese contexto la demanda del nuevo rol de fullstack en el área de sistemas despegó, hasta el día de hoy muchas plataformas educativas no logran adaptarse y siguen vendiendo videos grabados hace muchos años atrás cuando la necesidad laboral del rubro tecnológico era muy diferentes a las actuales y les cuesta deshacerse de material en video obsoleto y fuera de contexto convirtiéndose en el nuevo obstáculo para el desarrollo del nuevo talento en desarrollo de software.
show more show lessAngelo Garcia
3 years agoFor people that might get discouraged.