Deploy Websites In Seconds With Netlify

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • In this video I will show you how to deploy a website or frontend application to Netlify which is a fantastic service for hosting with free SSL, server-side functions and even built in form functionality. This video is NOT sponsored by Netlify in any way
    Sponsor: Freelancer Bundle (Use "brad25" for 25% off)
    studywebdevelo...
    💖 Become a Patron: Show support & get perks!
    / traversymedia
    Website & Udemy Courses
    www.traversymed...
    Follow Traversy Media:
    / traversymedia
    / traversymedia
    / traversymedia

Комментарии • 245

  • @TraversyMedia
    @TraversyMedia  6 лет назад +164

    Just for anyone wondering, before they watch the video...Everything I am doing is free. They have a pro account but they offer a ton for free.

    • @rabindrajoshi9258
      @rabindrajoshi9258 6 лет назад +1

      Deployed a static coming-soon site a few days back. Went quicker than GitHub/Lab pages and can handle form!

    • @eric7758
      @eric7758 6 лет назад +2

      Thank brad please do a video on implementing a form with react js

    • @Bulldawzer
      @Bulldawzer 6 лет назад +1

      Deployed my blog on Netlify recently before checking this video out. It's crazy how simple and powerful Netlify is.

    • @kafie1985
      @kafie1985 6 лет назад +1

      works for me

    • @pickandhoop
      @pickandhoop 5 лет назад +2

      Thanks to this I can put SSL certificates on my site for free! You're the man! Thanks for all the hard work put into your videos. Your work is fantastic.

  • @CodingPhase
    @CodingPhase 6 лет назад +90

    Thanks for putting me up on this... this might be easier than heroku will let my students know to use this as an alternative!! Great content like always!

    • @TraversyMedia
      @TraversyMedia  6 лет назад +5

      Thanks man. Yeah it's awesome

    • @rbp365
      @rbp365 6 лет назад

      Yeah but it's front-end only, if I'm getting it right. Keep that in mind

    • @Tonaldo90
      @Tonaldo90 6 лет назад

      I've portfolio on Heroku so I must consider switching to this! 😮

    • @jboxy
      @jboxy 5 лет назад +1

      firebase is legit as well, netlify is a bit simpler by a lil bit

  • @MrRobinands
    @MrRobinands 6 лет назад +77

    Hi Brad. God bless you and the family!

    • @TraversyMedia
      @TraversyMedia  6 лет назад +7

      Jobaer Ahamed Robin thank you. Same to you

  • @JuanAndOnly
    @JuanAndOnly 6 лет назад +47

    #1 Source for all things web development.

  • @simonnice9030
    @simonnice9030 6 лет назад +23

    Brad must have one of the best Like/DIslike ratios on RUclips :). Well earned aswell !

    • @TraversyMedia
      @TraversyMedia  6 лет назад +2

      Simonnice yeah and i really appreciate it. Very fee trolls too 😊

  • @ranikawilliams2626
    @ranikawilliams2626 4 года назад +3

    Thank you so much Brad!! I was having the hardest time finding solid information on deploying my portfolio website/projects with Netlify as well as getting my contact form on my static website set up to send messages. Your videos are always informative and have been my go-to throughout the early stages of my career. Keep up the greatness!

    • @AnaFerreira-mt3od
      @AnaFerreira-mt3od 3 года назад

      Hi! I am having so much trouble deploying.. did u use build tools for deploying? (Gulp, webpack, or even minifying stuff') I cannot make thouse work, I don't know if they are needed

  • @kcbm225
    @kcbm225 5 лет назад +2

    I have been through a few tutorials and this one is by far the best, perfectly paced and explanations where you need them. Thank you.

  • @sonnybrown4758
    @sonnybrown4758 3 года назад +8

    Him: "Deploy in seconds!"
    Also Him: 22 minute video
    Just messin around. Love you and God bless you for helping us.

  • @RonWaller
    @RonWaller 5 лет назад

    Brad thanks. I watched your video again and it helped me deploy the portfolio site I just finished. I couldn't figure out how to get it to see my "build" folder as root. You the man.

  • @mohammedhardi7891
    @mohammedhardi7891 6 лет назад

    i don't usually subscribe to RUclips channels but, I found it so compelling subscribing to yours! I'm definitely recommending this channel to friends

  • @KahlilAshanti
    @KahlilAshanti 6 лет назад

    Hey friends - if you happen to have a protonmail account and use Netlify you may have an issue with it being disabled. Just spoke with Netlify and they're getting a lot of spam from that email domain. Their chat is very responsive and Netlify is great to work with. Hope this helps fellow 'Traversers'. Thanks Brad - keep up the awesome work!

  • @JKhalaf
    @JKhalaf 4 года назад +2

    I always heard people talking about Netlify, but never really looked into it. I now know what the hype was about! This is awesome and thanks for the video

  • @bonarhyme
    @bonarhyme 4 года назад

    Even in 2020, I still find this video useful. God bless You

  • @simonndungu1196
    @simonndungu1196 6 лет назад +5

    May God always bless you Brad, Always Just in Time, I have just mutated to become a Patron now, Thanks for everything

    • @TraversyMedia
      @TraversyMedia  6 лет назад +1

      Simon Ndung'u thank you very much

    • @simonndungu1196
      @simonndungu1196 6 лет назад

      You've made me a great developer, That's the least I could do..Thanks

  • @frozenintimeandspace
    @frozenintimeandspace 6 лет назад

    I just came across netlify earlier this week and you dropped this video.
    Thank you Brad!

  • @kanaanbahmani5062
    @kanaanbahmani5062 6 лет назад

    Untill I learn node with your node course on RUclips and udemy project I'll be using this bad boy right here thanks man great job, you deserve all the best things in the world. Wish you and your family the best. ❤❤

  • @pawanlucky
    @pawanlucky 6 лет назад

    Thanks Brad for making things simplified with your video tutorials, waiting for your next video. Have a good day!

  • @stormybear4986
    @stormybear4986 4 года назад

    Brad, I just love your content, you bring real quality to youtube!

  • @GlenCodes
    @GlenCodes 5 лет назад

    Quality stuff, thanks Brad. Heard of Netlify but didn't know what all the hype was about. Now I understand why, really awesome host provider. Great walk through, you're a legend.

  • @jibrinusmanbala1741
    @jibrinusmanbala1741 6 лет назад

    Thank you boss your videos have been so helpful for me both in school and in my studies.... really wanna be like you.

  • @gabrielfernans
    @gabrielfernans 4 года назад

    There aren't enough words to thank you Brad, always saving my life.

  • @sofijamilosavljevic8491
    @sofijamilosavljevic8491 4 года назад

    Hi Brad! I am constantly watching your videos since I discovered your channel and tutorials. Thank you so much for all of the content! And once more, thank you for this video, because it helped me a lot to deploy my web project (a website for my friend). I am expecting with joy your new videos. And btw, I hope you are doing well! God bless you :)

  • @arminb8425
    @arminb8425 6 лет назад +3

    Brad, can you do an SEO optimisation video for newbies, explaining link building, keywords and all that stuff, it's really confusing for the new guys in the game. I built my first 3 websites since I started watching your tutorials a few months ago. God bless you for everything! But I'm having trouble indexing my websites on Google.

  • @sachinkmohan
    @sachinkmohan 4 года назад

    Thanks Traversy Media for all the help! You are awesome!! :)

  • @shubhamgupta-to7so
    @shubhamgupta-to7so 6 лет назад

    Brad you are great. I always learn something new from your videos. Thank you so much.

  • @aabens
    @aabens 4 года назад

    A really great tutorial on how to get started with Netlify. Liked and subscribed!

  • @RyanRoat
    @RyanRoat 6 лет назад

    Thanks - amazing how streamlined it is. Would definitely appreciate a look at the Netlify forms as well.

  • @kwii22789
    @kwii22789 6 лет назад +3

    Wow 500k subscribers man! You are so amazing, I'm serious.

  • @malikgenius4u
    @malikgenius4u 6 лет назад +1

    awesome awesome awesome, i was exactly looking for this kind of solution for my serverless react app, please do the contact us form as well... Netlify should reward you to promote, many of us wouldn't know about it without you telling us.

  • @AdolfoBarreto75
    @AdolfoBarreto75 6 лет назад +3

    Hi Brad, Great video. I always learn something new no matter what your videos are about. Any chance you can get an affiliate link for the Pro account?

  • @bafflingscience1224
    @bafflingscience1224 5 лет назад +1

    Watch Brad DESTROY all things web, forging ahead of the pack, becoming the most EPIC tutorialist on EVERY dev topic.

  • @andrewsbain
    @andrewsbain 5 лет назад +1

    This is awesome and even better (than GitHub Pages IMHO) for a "coming soon" static site. Thanks for the video! Goodbye Heroku...

  • @abinetkenoregetachew72
    @abinetkenoregetachew72 4 года назад

    You Saved my Day @5:14. Many thanks.

  • @Brazenn
    @Brazenn 5 лет назад

    This service looks extremely useful, thanks for the video!

  • @tim_t
    @tim_t 6 лет назад

    I think I remember a speech from Netlify's CEO from a Coding Tech video. If I remember correctly, it was about them using JAM stack.

  • @Ash-em5pm
    @Ash-em5pm 6 лет назад +48

    Dude how do you upload videos so fast ? Are you a machine?

    • @TraversyMedia
      @TraversyMedia  6 лет назад +34

      Ash Klmepton if i am they did a good job programming me because i’m not aware of it 😊

    • @Ash-em5pm
      @Ash-em5pm 6 лет назад +1

      @@TraversyMedia dude the last you uploaded was like 23 hours ago , how do you come up with such quality content so fast . Well BTW may I ask a question? Can you explain how would you recreate that hero block on the netlify website , that bezier curvy background with that illustration on

    • @Suresh-br2zz
      @Suresh-br2zz 5 лет назад

      @@Ash-em5pm I also want to know how these beautiful homepages are made.

    • @____-gy5mq
      @____-gy5mq 4 года назад

      That's why they say preplanning helps.

  • @hamzajirah
    @hamzajirah 6 лет назад +3

    Brad for President!!!

  • @NickolasFuentes
    @NickolasFuentes 4 года назад

    Oh man awesome vid! Got my react up and working in no time!

  • @MrPagnito
    @MrPagnito 6 лет назад

    Much love for everything you do man. Thank you.

  • @engsiyad
    @engsiyad 6 лет назад

    Finally we hit 500k. Congrats

  • @Jawmeow
    @Jawmeow 6 лет назад

    I'm happy whenever I see a notification by you

  • @takethefirststepsem
    @takethefirststepsem 4 года назад

    Another great video Brad.I'll try netlify for sure.

  • @coderschannel4270
    @coderschannel4270 3 месяца назад

    nice video sir I learn a lot about netlify

  • @BItencure
    @BItencure 5 лет назад

    Thanks dude, you inspire me to be a web dev!

  • @shashwatgupta_
    @shashwatgupta_ 4 года назад +1

    let's suppose you have a application with database and google authentication client id and password in your config.env file how would you push that app on GitHub for deploying it later on with netlify also hiding your environment variables containing your mongoURI ( just an example ) in your github repository how would you deploy that app safely while hiding the important stuff ?

  • @ankitagarwal4914
    @ankitagarwal4914 4 года назад

    Awesome Brad!!. You make things really cool..

  • @johannesstrobele1878
    @johannesstrobele1878 5 лет назад

    Great help and super easily explained :)

  • @paranshumakwana8723
    @paranshumakwana8723 4 года назад

    Thanks a lot! It saved my whole day of effort

  • @priyomsaha3997
    @priyomsaha3997 4 года назад +2

    Hey man, I follow most of your videos. My first starting of ReactJs was with your Expense Tracker Video.
    Today I just wanted to request something. We use ExpressJs for backend I am not that comfortable with this framework I just wanted to ask how to use express with netlify . I am unable to do that. Please if you can make a video on that it would be very helpful. There is no such video tutorial for that.

  • @shelleytrump
    @shelleytrump 6 лет назад

    This is awesome, easier you cannot get!

  • @arghadipdeb5767
    @arghadipdeb5767 6 лет назад

    Hi Brad , Thanks For your videos, i am a very old follower of your channel, i learned alot from your videos, watching your videos, it's such a great thing, again thanks for you videos man, just one request to you, can u please make a video about website encryption, mean like the anti debugging method e.t.c e.t.c, and also please make some videos about web assembly , please?

  • @pickandhoop
    @pickandhoop 5 лет назад

    I'm learning so much everyday!

  • @donovan8031
    @donovan8031 6 лет назад

    Awesome tool thanks for sharing Brad!

  • @TheZorak420
    @TheZorak420 6 лет назад

    Thank you very much. Always useful !

  • @billcheung1437
    @billcheung1437 Год назад

    Like the retro Patriots logo

  • @danimusbar
    @danimusbar 6 лет назад

    Hey, nice post, please make full tutorial from beginning deploy web using netlify, using laravel, django, react, vue js, angular automatic and manual drag drop until ssl https and domain

  • @Pixelynx
    @Pixelynx 5 лет назад

    Worked like a charm. THANKS! ♥️

  • @TheCodePro
    @TheCodePro 6 лет назад

    Thanks Brad! Netlify seems awesome.

  • @Minimus762
    @Minimus762 6 лет назад

    A similar video for dynamic sites with database, using a Dokku droplet on Digital Ocean for example would be great

  • @nabilahsan
    @nabilahsan 6 лет назад

    Finally! It's so freaking awesome.

  • @mikevaleriano9557
    @mikevaleriano9557 6 лет назад +8

    Welp. Goodbye, Firebase!
    The ability to setup environment variables alone makes it worth over Firbase. Continuous integration is amazing, too.

  • @DenkSchuldt
    @DenkSchuldt 5 лет назад

    Awesome! Thanks for sharing your knowledge!

  • @m__link6499
    @m__link6499 3 года назад

    You are the best !!!!! thank you.

  • @chananellaufer2704
    @chananellaufer2704 6 лет назад

    yes! I think i was looking for something like that! hell yeah!

  • @idlevandal69
    @idlevandal69 6 лет назад +1

    Netlify is AWESOME!!!

  • @wilsoncardoso150
    @wilsoncardoso150 5 лет назад

    As always, awesome!

  • @liteshable
    @liteshable 6 лет назад

    Hey Brad, I have being watching yours videos from last 6 months and I love your all videos
    I need suggestion from you
    I started my career as Php & Wordpress developer but after working 2.5 year working on specially on UI/UX I do want to switch my career into JavaScript(front-end developer)
    Can you please suggest me What is the best possible & fast way to Learn & Grab job into Frontend Develper(JAVASCRIPT) ?
    Thanks in advance.

  • @mariantdm
    @mariantdm 2 года назад

    Thank you Brad.

  • @gauravnagar3712
    @gauravnagar3712 6 лет назад

    You looking awesome in those glasses brad . Please wear it in your videos . thank you for amazing content

  • @gabriel_export
    @gabriel_export 4 года назад

    How is this free? What a fantastic resource. I wonder what the downsides are.

  • @sadev0
    @sadev0 4 года назад

    it's great video I've learn exact those things that I want

  • @ScrewThisGlueThat
    @ScrewThisGlueThat 6 лет назад +1

    Love it. Thanks.

  • @yewyewxd
    @yewyewxd 4 года назад

    this is some quality content

  • @attemptedcoding
    @attemptedcoding 6 лет назад

    Nice one! Thanks for this

  • @sinanik4886
    @sinanik4886 4 года назад

    Perfect as always :)

  • @myfavost
    @myfavost 6 лет назад

    Great video!. Can you do a tutorial on Netlify CMS? Thanks!

  • @dhanmoninath834
    @dhanmoninath834 6 лет назад

    Thank you for this tutorial. Please make a video on Google site verification API using MERN?

  • @vijayanira
    @vijayanira 6 лет назад

    DEAR BRAD, CAN YOU CREATE VIDEOS ON RBAC (ROLE BASED ACCESS CONTROL) SYSTEM IN ANY ONE OF PHP FRAMEWORK

  • @MohdAbdHafizAwang
    @MohdAbdHafizAwang 4 года назад

    thank you brad

  • @shachaha
    @shachaha 5 лет назад

    Hi Brad! I really love your content I learned so much from you the past year since I started. I just came across this video and I saw your screen which says " Good Morning, Brad" I was googling so hard to find this, with no success. How can I get this? TIA and keep up that great work!

    • @theatosam
      @theatosam 5 лет назад +1

      It's a Chrome extension known as 'Momentum'

    • @shachaha
      @shachaha 5 лет назад +1

      @@theatosam thank you so much ! Finally I know! 😄

    • @theatosam
      @theatosam 5 лет назад

      @@shachaha You're welcome :-)

  • @CortZero
    @CortZero 5 лет назад

    At the 20:05 mark, it looks like you're wearing the Darth Vader helmet. :)
    Cheers from Brazil.

  • @shpazhist
    @shpazhist 5 лет назад +1

    Huh? Trying to run [netlify] command and all I get is [command not found]
    Duhhh
    Any idea why?

    • @beatrice4619
      @beatrice4619 5 лет назад

      I fixed it on my windows 10 pc.
      Type this command in the terminal:
      npm config get prefix
      I added the output directory of the above command to my windows 10 system environment variables(). This is a directory that contains my netlify files and other npm files.
      Now my netlify command runs normally.

  • @victorpinasarnault9135
    @victorpinasarnault9135 4 года назад

    You are just amazing!

  • @maksymdudyk1718
    @maksymdudyk1718 4 года назад

    Thanks a million for the video. I wonder if node.js / express app can be deployed with Netlify?

  • @wrektangles
    @wrektangles 5 лет назад

    So if you had to choose one, would you rather host on Net or GP?

  • @tunguyen-wt5ck
    @tunguyen-wt5ck 4 года назад

    nice lesson

  • @bakhtiyor_sulaymonov
    @bakhtiyor_sulaymonov 5 лет назад

    Great tutorial, thanks! Does someone know the name of CHROME THEME that Brad is using ? That looks pretty cool

  • @gindevgin9298
    @gindevgin9298 3 года назад

    thank you very much!!!

  • @netTraverser
    @netTraverser 3 года назад

    Hey guys, for some strange reason, creating _redirects in the build folder, and then putting that index.html info into it didn't work out for me. I get a page not found when I refresh my website. But, for some reason when I put it inside the public folder it works. I'm refreshing this thang and no more Page Not Found issue.

  • @bambanx
    @bambanx 5 лет назад

    thanks for share, what is the benefit of use netlify ? compared to a common hosting? Thanks you

  • @nadir2k
    @nadir2k 6 лет назад

    Hey Brad, can you do a video on Lambda?

  • @novailoveyou
    @novailoveyou 4 года назад

    Thanks!

  • @99Pakii
    @99Pakii 3 года назад

    Thank You

  • @kimosaber9937
    @kimosaber9937 6 лет назад

    Hi Brad, could u do an Elm lang crash course ?!

  • @etymology_
    @etymology_ 6 лет назад

    Can you do a vid on how to do a multi page app..I have 2 html files 1 css & 1 js file..how do I connect all those..how do I get the landing page on the home domain?

  • @jutsuuchiha3858
    @jutsuuchiha3858 4 года назад

    Thanks for thiss ...as it's free ❤️❤️❤️

  • @riyajhossen841
    @riyajhossen841 4 года назад

    Thank you so much to share this awesome site. But Sir, how can I edit my uploaded files which are uploaded on Netlify?

  • @vishwanath-ts
    @vishwanath-ts 4 года назад +1

    Please make a video how to deploy django website on Netlify!!
    Please do this video!!

    • @Kngdmio
      @Kngdmio 4 года назад

      VISHWANATH T S Netlify is only for static sites, bud! Brad has a great tutorial on Udemy “Django Dev to Deoyment” where he shows how to deploy to Digital Ocean!

  • @shivamghiya5196
    @shivamghiya5196 4 года назад

    Hey, I'm new on netlify and I don't know how to deploy Django app on netlify. So can you guide me ? Thanks in advance...😊

  • @bonniesimon14
    @bonniesimon14 5 лет назад

    Can I host back-end applications in netlify ? If not then suggest me where I can ( except heroku ).