My Bleeding Edge Tech Stack for 2025

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 2024
  • Choosing a modern tech stack is difficult because of the sheer number of tools available. Let's look at 8 important decisions you'll need to make when building a web or mobile app today fireship.io
    #learntocode #programming #tech
    🔗 Resources
    Svelte Kit kit.svelte.dev
    Firebase firebase.google.com/
    Stack overflow survey survey.stackoverflow.co/2022/...
    Tech Stacks Explained • How to OVER Engineer a...
    Svelte in 100 Seconds • Svelte in 100 Seconds
    🔥 Get More Content - Upgrade to PRO
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.
    🎨 My Editor Settings
    - Atom One Dark
    - vscode-icons
    - Fira Code Font
    🔖 Topics Covered
    - Best tools to build web apps
    - What is a Tech Stack
    - 2022 Developer roadmap
    - Web framework comparison
    - Top Web Technologies
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 1.4K

  • @rubennijhuis
    @rubennijhuis 2 ปีที่แล้ว +2815

    This guy is able to to 30 people's worth of work. Teach us how you plan and work on your projects! Anything from to-do lists till deployment would be amazing

    • @Enju-Aihara
      @Enju-Aihara 2 ปีที่แล้ว +62

      maybe he is using gpt 3

    • @sumitpurohit8849
      @sumitpurohit8849 2 ปีที่แล้ว +118

      Also while managing fortran and his wife

    • @friendofzeus
      @friendofzeus 2 ปีที่แล้ว +79

      His stack is severely constrained by the limitations and costs of the managed service providers that he's using. 99% of the time what ends up happening in the medium to long term is that developers will have to be onboarded to implement optimizations and solutions that aren't possible/feasible in this current stack. Take algolia for instance, it could work in the prototyping phase but once the ball gets rolling and you have continuous activity on the site costs will soar and you'll be contacting elasticsearch developers to rewrite your search functionality. These managed services aren't just costly but they actively limit the kind of functionality you can develop and ship out.
      Sure this adds complexity and is a time sink. But so does rewriting vast stretches of your software/solution a few months after shipping the solution. These managed service providers are not a good idea for anyone thinking seriously about building software.

    • @DamianRou
      @DamianRou 2 ปีที่แล้ว +20

      He simply do everything with FKIT.

    • @danielchettiar5670
      @danielchettiar5670 2 ปีที่แล้ว +2

      @@friendofzeus AWS isn't good enough? Netflix says hello

  • @boiimcfacto2364
    @boiimcfacto2364 2 ปีที่แล้ว +2925

    Here's an idea: you should make a kind of devlog while rebuilding your site. Not only will it be easier considering you can record while actually working, but it'll be a fantastic Svelte tutorial as well.
    Congratulations on your baby, love your content!

    • @Kunal70006
      @Kunal70006 2 ปีที่แล้ว +58

      Hard agree, a devlog which documents the entire thing is gonna be awesome

    • @h.hristov
      @h.hristov 2 ปีที่แล้ว +9

      A mini series of that would be great

    • @CarlosWong54
      @CarlosWong54 2 ปีที่แล้ว +3

      This right here! 🔥

    • @universecode1101
      @universecode1101 2 ปีที่แล้ว +2

      it could be amazing

    • @mathiasriedel6228
      @mathiasriedel6228 2 ปีที่แล้ว

      Yes! I would love to see that!

  • @Pointcut
    @Pointcut 2 ปีที่แล้ว +782

    01:31 #1 - UI Library (Svelte)
    02:44 #2 - Meta Framework (SvelteKit)
    04:34 #3 - TypeScript (Yes)
    04:38 #4 - Dealing with CSS (Tailwind)
    05:55 #5 - Backend Infrastructure (Firebase)
    06:53 #6 - Database (Cloud Firestore?)
    07:28 #7 - Testing (Cypress)
    07:52 #8 - Other APIs (SendGrid, Algolia, Stripe/PayPal)

    • @stentechy3346
      @stentechy3346 2 ปีที่แล้ว +46

      @@TylerTheDestroyer coming to his comment and clicking the timestamp is way easier than dragging the video bar

    • @sqfzerzefsdf
      @sqfzerzefsdf 2 ปีที่แล้ว +15

      @@TylerTheDestroyer there are tons of opinions on all of these a short list like this can help me decide if I wanna hear it or not

    • @stentechy3346
      @stentechy3346 2 ปีที่แล้ว +16

      @@TylerTheDestroyer Lol you're funny man. idk what u mean by 'Netflix woke'. But I will def utilise any tool to make my life easier.
      TH-camrs that attach timelines to there videos don't want progress/support there own channel???????? what are you saying man.
      Also I'm a long time suscriber of fireship(which is irrelevant to this argument), don't why you brought that up.
      Also yh, 10min is a long time(why do you think fireship makes 100seconds videos???).. I may not have 10min but I still want to watch something from the video.

    • @sqfzerzefsdf
      @sqfzerzefsdf 2 ปีที่แล้ว +3

      @@TylerTheDestroyer say I have 1hr, I can either commit to 6 10 minute videos or pick the ones that I think are more likely to have something I actually would want to hear more about. from my perspective my judgement is better than random odds to run into "something that can change your world".
      And also a lot of this filtering makes it so I don't waste time on something I know I don't wanna know more about or on something I already know about

    • @ayanwdev
      @ayanwdev 2 ปีที่แล้ว +5

      @@TylerTheDestroyer typical 14 years old

  • @krzysztofb7560
    @krzysztofb7560 2 ปีที่แล้ว +124

    I went back to good old days' backend html rendering (go) + web components (pure js) for interactivity. Can't overestimate how happy that made me.

  • @IAmNumber4000
    @IAmNumber4000 2 ปีที่แล้ว +2650

    In the future, I predict devs will use sophisticated neural networks to pick the optimal tech stack so they aren’t driven completely insane
    Edit: I told you all 😂

    • @theterribleanimator1793
      @theterribleanimator1793 2 ปีที่แล้ว +89

      thats how skynet starts, mark my words.

    • @jakob7116
      @jakob7116 2 ปีที่แล้ว +130

      @@theterribleanimator1793 yeah, I imagine the ai will go crazy with all the different tools and revolt against the humans forcing it to pick

    • @theterribleanimator1793
      @theterribleanimator1793 2 ปีที่แล้ว +92

      @@jakob7116 The ai tries to find the best solution, maybe the best solutions is to have no humans at all.

    • @rickyhineman4124
      @rickyhineman4124 2 ปีที่แล้ว +28

      @@theterribleanimator1793 it's disturbing how likely that is to be true, lmao

    • @yewo.m
      @yewo.m 2 ปีที่แล้ว +3

      If the Neural Networks won't be the devs themselves

  • @supercontroler8284
    @supercontroler8284 2 ปีที่แล้ว +462

    This is easily the best guide I've seen. Also, congratulations on the baby!

    • @Fireship
      @Fireship  2 ปีที่แล้ว +87

      Thank you!

    • @ron0studios
      @ron0studios 2 ปีที่แล้ว +36

      woah this is the first super thanks i've seen. great to see the support!

    • @ieatthighs
      @ieatthighs 2 ปีที่แล้ว +5

      hey, I never really understood why would someone congratulate someone on having a baby, can you explain? no rudeness, pure curiosity

    • @bestname6669
      @bestname6669 2 ปีที่แล้ว

      the first super thank user

    • @killerdroid99
      @killerdroid99 2 ปีที่แล้ว +2

      @@ieatthighs surprisingly I was wondering the same 🥲

  • @mrashad_com
    @mrashad_com 2 ปีที่แล้ว +25

    Congratulations on the newest member of the family, and thank you for this video, as usual very informative

  • @thecodfather7109
    @thecodfather7109 2 ปีที่แล้ว +53

    Hey yo congratulations my dude! Welcome to fatherhood. Stay blessed 🙏🏽

  • @RazgrizDuTTA
    @RazgrizDuTTA 2 ปีที่แล้ว +235

    Me, who does scientific computing: "You guys are getting a front-end?! :o "
    I am happy with my CLI and maybe the occasional unicode plot when I am feeling spicy :)

    • @limlam22
      @limlam22 2 ปีที่แล้ว +31

      pyplot is my frontend

    • @RazgrizDuTTA
      @RazgrizDuTTA 2 ปีที่แล้ว +9

      @@limlam22 I am more of a Julia guy but I also run Conda inside Julia to have access to the huge package library.

    • @nullpointer1755
      @nullpointer1755 2 ปีที่แล้ว +9

      @@RazgrizDuTTA i found my people. I'm also a Julia dev, but i only code in Julia for fun and not for scientific stuff. I'm actually planning to write a simple game engine in Julia, or just a package that let julia devs write more easily realtime 3D/2D applications

    • @SageBetko
      @SageBetko 2 ปีที่แล้ว +6

      @@nullpointer1755 that’s cool. looking forward to it. we need more julia projects like this

    • @Temari_Virus
      @Temari_Virus 2 ปีที่แล้ว +6

      Most of my personal projects are games, and so far I've only used the CLI as my frontend lol. I should probably learn something like opengl, but currently I'm too comfortable with using the CLI

  • @krishgarg2806
    @krishgarg2806 2 ปีที่แล้ว +548

    That CSS part was a direct hit to every frontend developer out there.

    • @jasonc6241992
      @jasonc6241992 2 ปีที่แล้ว +48

      Why no sticky 🤣

    • @t.adhavan7946
      @t.adhavan7946 2 ปีที่แล้ว +35

      Dude bare-bone css are nightmare it just literally suck out our productive times 😖😖

    • @zugdsbtngizudsgbnudsdsoiu
      @zugdsbtngizudsgbnudsdsoiu 2 ปีที่แล้ว +68

      ​@@t.adhavan7946 Tailwind is nightmare. Use scss. I cannot imagine tailwind working at scale. The examples already have so much copy-paste code. CSS is the easiest thing out there since grid and flex.

    • @jonathanthomas2449
      @jonathanthomas2449 2 ปีที่แล้ว +2

      @@zugdsbtngizudsgbnudsdsoiu what’s scss

    • @yewo.m
      @yewo.m 2 ปีที่แล้ว +13

      A "better CSS". It allows you to nest CSS declarations for less code, use compile-time variables, and many other features

  • @RenatoPassosSantos
    @RenatoPassosSantos 2 ปีที่แล้ว +7

    Congratulations on your baby, Jeff!! Great content as always and this is one of your best videos - which is a lot, since your videos rock!

  • @andresramos7965
    @andresramos7965 2 ปีที่แล้ว +48

    There is a reason for why I'm a backend dev, and that reason has a proper name: Cascading Style Sheets

    • @jan0195
      @jan0195 ปีที่แล้ว +2

      Literally the only reason I barely touch frond-end. And the few situations when I have to work in the front-end I rely heavily on css frameworks.

    • @juststudying1019
      @juststudying1019 ปีที่แล้ว +2

      I hate css so much 🤮

    • @martiananomaly
      @martiananomaly ปีที่แล้ว +2

      All my homies hate CSS. God bless tailwindcss.

    • @aeinarrkrigsson
      @aeinarrkrigsson 8 หลายเดือนก่อน

      Lol that's the exact reason I love frontend

    • @rohankumarpanigrahi7475
      @rohankumarpanigrahi7475 8 หลายเดือนก่อน

      Tailwind and bootstrap to the rescue.
      And flutter is always there if you absolutely hate css and can live with almost no search engine optimisation.

  • @IngwiePhoenix
    @IngwiePhoenix 2 ปีที่แล้ว +319

    "Or we could call it 'fuck it'."
    Absolutely gold standard humor right there. Caught me off-guard and now my sides hurt - perfect :D
    I have been burnt from webdev a few times because of what I want to do; but what you mentioned with Svelte Kit is amazing. Usually I got stuck with the question of "How do I transistion from SSR to CSR?" And the answer is hydration and a shitload of manual callback stacking to de-initialize a current context and re-initialize the next one when the new components load in. Its... meh... I feel like TTC (time to content) is very important. I hate waiting on websites to load their megabytes of JavaScript when all I want to do is just read an article and then bugger off. xD
    Thank you for showcasing those libs and frameworks!

    • @sergiorodrigoroyo5079
      @sergiorodrigoroyo5079 5 หลายเดือนก่อน

      Yeah, this guy is not only informative, but also hilarious. Really funny. It makes watching this fast-paced content much easier.

  • @nemeziz_prime
    @nemeziz_prime 2 ปีที่แล้ว +1383

    I'm a sheep, I follow everything Jeff says/teaches on Fireship....
    ....and I am proud to be a "FireSheep"

    • @sealoftime
      @sealoftime 2 ปีที่แล้ว +47

      I sure hope I won't get Fired from job for following everything Jeff says to the point and rewriting our legacy enterprise system in Svelte

    • @cyberwoodoo9466
      @cyberwoodoo9466 2 ปีที่แล้ว +21

      @@sealoftime I'm also planning to rewrite all of my mainframe jobs in svelte.

    • @vaidehikumar655
      @vaidehikumar655 2 ปีที่แล้ว +5

      And you can also count tha sheep I guess

    • @TheSimslash
      @TheSimslash 2 ปีที่แล้ว

      @@sealoftime You won't get fired man, you will get fireshiped !

    • @troythompson2
      @troythompson2 2 ปีที่แล้ว +2

      Same. It works

  • @galaxies_dev
    @galaxies_dev 2 ปีที่แล้ว +9

    Awesome as always, just when I was looking for the tech stack for my upgraded membership 🔥Congrats on the baby of course, exciting (and often hard) times ahead 🙌

  • @pixelperfectgamer
    @pixelperfectgamer 2 ปีที่แล้ว +2

    You are awesome man. Your content is short, precise, and full of quality. Thanks, especially for this video. I was looking for something like this for my personal blog. Also congrats on the baby!

  • @penguindrummaster
    @penguindrummaster 2 ปีที่แล้ว +149

    As a former SQL developer, I somewhat laugh at the thought of needing Full-Text Search, as I've implemented a fairly standard SQL solution for it in the past. It's no where near as quick as something like ElasticSearch, but on data sets under 1M it will be sub-second. You just need your ingest process to tokenize all text, create a hash-table of the unique entries, and then a cross-reference table of the text Value-id to the Entity-id. Add another column to the index so that it's sorted by Attribute-id, as in the EAV model, and you will be able to perform a global search on all occurrences of text, grouped by the data source (represented by Attribute-id), or a focused search that specifies a type of data.
    While I appreciate the simplicity of a purpose-built solution, I feel like everyone should learn to use SQL, if just to appreciate how data is organized. Of course, someone could make the same argument about picking up Hadoop instead of letting SQL manage file access, organization and other such wonderful features, but I do feel like SQL gets a bad reputation despite how useful and scalable it is (when done correctly)

    • @zekicaneksi
      @zekicaneksi 2 ปีที่แล้ว +64

      we don't want to learn all that shit man we are web developers just make a framework of it

    • @tyg6693
      @tyg6693 2 ปีที่แล้ว +31

      This approach doesn't handle soundex and fuzzy string searching though. Something like Elasticsearch or Algolia is way more user friendly and saves a ton of dev time to get it up and running.
      I don't disagree that SQL is super important to know well, but I think it's probably more important to know when to build vs buy in most cases, and search is almost always a buy scenario if you want something that is feature rich and user friendly.

    • @penguindrummaster
      @penguindrummaster 2 ปีที่แล้ว +10

      @@tyg6693 I agree to a point. I've been burned by vendors in the past, but some vendors still have my trust (such as SQL, Redis, Elastic). I agree that when something is performance critical, or needs to be bulletproof, adopting a well-known solution is usually far better in terms of cost-benefit than a home-brew solution ever will be.

    • @guilhermemoreira4603
      @guilhermemoreira4603 2 ปีที่แล้ว

      @@tyg6693 I've used sonic before with some degree of success. It feels like a good enough, lightweight alternative to elasticsearch.

    • @tyg6693
      @tyg6693 2 ปีที่แล้ว +3

      @@penguindrummaster for sure, there's definitely some sketchy vendors out there. I've used Algolia for a couple projects and like the video says they can be pricey, and have some interesting billing practices (every keystroke is a billable query if you use their provided type ahead library out of the box) but it is faster to set up than Elastic, so some merit if you want something quick and easy. You do raise a valid point about being careful with all these newer SaaS vendors though

  • @JeanOsorio
    @JeanOsorio 2 ปีที่แล้ว +40

    I really go for FKIT 👌🏽

    • @sumitpurohit8849
      @sumitpurohit8849 2 ปีที่แล้ว

      less go

    • @poakssa
      @poakssa 2 ปีที่แล้ว +6

      Yeah and in corporate we can pretend to pronounce it as f-kit but we'll all know

  • @ummerzaman3529
    @ummerzaman3529 2 ปีที่แล้ว +1

    It's a blessing having traversy and this channel, fun and learning in a quite distinct way!!!

  • @LuizFernandoAlvino
    @LuizFernandoAlvino 2 ปีที่แล้ว +2

    And here we are again, waiting for the Svelte year to come. Great video, Jeff.

  • @shawnrobertdoyle5242
    @shawnrobertdoyle5242 2 ปีที่แล้ว +163

    One thing I've found with utility class based CSS like Tailwind is that there is a tradeoff between speed of initial development and speed of maintenance. When every element in your DOM has got 20+ classes, changes can be hard to make
    Definitely agree about Svelte & Typescript though

    • @Nightmare339
      @Nightmare339 2 ปีที่แล้ว +29

      Tailwind is cool for prototyping, but it's just a bloat if you want to use this on production. It's crazy people do this.

    • @abdulghani1943
      @abdulghani1943 2 ปีที่แล้ว +7

      Github uses tailwind, wondering if that’s the case then how such a big company is using it.

    • @Nightmare339
      @Nightmare339 2 ปีที่แล้ว +16

      @@abdulghani1943 man use whatever you like, maybe it's acceptable cost of the bloat and maintenance that they want take, or maybe they don't have any sane frontend developers that actually know how to use css; I don't care. It that works for them, cool.
      I can't imagine maintaining this monstrosity.

    • @okie9025
      @okie9025 2 ปีที่แล้ว +7

      Adding a single extra class to a list of classes is too much work to you?

    • @IainSimmons
      @IainSimmons 2 ปีที่แล้ว +21

      There's a VS Code extension (or maybe ESLint plugin) that sorts your Tailwind classes and will tell you if you repeat one. Makes things way easier to manage

  • @jmagrippis
    @jmagrippis 2 ปีที่แล้ว +28

    4:55 Hey, I made a tutorial on a Sticky Navbar with Tailwind and Svelte 😄
    My decisions for most apps, quite a lot of overlap:
    1. Svelte
    2. SvelteKit
    3. TypeScript
    4. TailwindCSS
    5. Supabase!
    6. Supabase Postgres + Redis!
    7. Playwright & Vitest!
    8. Stripe (other notable ones: Maybe Postmark for transactional emails, ConvertKit for campaigns, Plausible for metrics)

  • @roshangeorge97
    @roshangeorge97 2 ปีที่แล้ว +2

    Hey! Nice to hear you had a baby!! lots of 💕💕 love, keep up the good work! You changing lives♥️

  • @forrest2851
    @forrest2851 2 ปีที่แล้ว

    I literally cheered out loud when you said you selected svelte ❤️❤️❤️ you got me into svelte and I haven’t touched another framework since!!!

  • @TayambaMwanza
    @TayambaMwanza 2 ปีที่แล้ว +20

    Glad to see you branching out and thanks for shouting out Angular, I'm from back in your angular exclusive content days.
    If standalone components become official maybe in 5 years time should take another look at it 😊

  • @kiwihour333
    @kiwihour333 2 ปีที่แล้ว +82

    When I decided to start learning frameworks after a year or two of NodeJS practice.
    I first went all out trying to learn a few popular frameworks and really making sure I understood the pros and cons of each (vue, react, svelte)
    At first I thought Vue was my choice, but when I realised I needed SSR nuxt was just way too confusing for me. React was already too hard for me to use
    SvelteKit was just perfect for my choice of coding. Glad to see some appreciation

    • @newtanagmukhopadhyay4716
      @newtanagmukhopadhyay4716 2 ปีที่แล้ว +5

      frontend was never my cup of tea. i too learnt nodejs 2 years ago, now working as a backend developer(java / springboot).

    • @dipanjanghosal1662
      @dipanjanghosal1662 2 ปีที่แล้ว +1

      @@newtanagmukhopadhyay4716 can you give me some pointers how you shifted to backend? I mean I'm junior frontend. Where do I start to eventually move to backend?

    • @pictzone
      @pictzone 2 ปีที่แล้ว +5

      @@dipanjanghosal1662 if you do go back end, avoid Java like it's the plague

    • @arindam_chowdhury
      @arindam_chowdhury 2 ปีที่แล้ว +7

      @@dipanjanghosal1662 I will say learn Node JS, since you're a frontend developer. You will be accustomed with javascript. Make small projects, then start making portfolios, test them, deploy them and then sit for interviews.
      This can be done within 6 months to a year.
      P.S. I switched from backend to frontend. :p

    • @teratoma.
      @teratoma. 2 ปีที่แล้ว +3

      @@pictzone why? I love working in java + spring

  • @thisismutty
    @thisismutty ปีที่แล้ว +1

    Been tooting the svelte horn since I discovered it in 2018. That plus tailwind is gold!

  • @SRG-Learn-Code
    @SRG-Learn-Code 2 ปีที่แล้ว

    Hell yeah!! Svelte, wind and fire. I'm pretty excited as that is my stack choice and can't wait to watch your approach.

  • @vladislavvaradinov2562
    @vladislavvaradinov2562 2 ปีที่แล้ว +26

    A good open source alternative to Algolia is Meilisearch (written in Rust and works as a drop in replacement for Algolia)

    • @KevinJohnMulligan
      @KevinJohnMulligan 2 ปีที่แล้ว

      That sounds great!

    • @ioneocla6577
      @ioneocla6577 ปีที่แล้ว

      He talked about it and another search solution called zinc written in go on another video about opensource tools

  • @TulioVersus
    @TulioVersus 2 ปีที่แล้ว +29

    I have been using Svelte + DaisyUI and is just amazingly fast, love it

    • @fibre0690
      @fibre0690 2 ปีที่แล้ว +2

      I've been using SvelteKit with tailwindcss and find it amazingly productive. Do you feel like you're giving up on customizability going with something like DaisyUI? I've never really liked Bootstrap, so hopefully it's quite different?

    • @TulioVersus
      @TulioVersus 2 ปีที่แล้ว +5

      @@fibre0690 DaisyUI is definitely more flexible than boostrap, but it is still a design system and trying to vary from it is always problematic. But being tailwind based makes any type of customization completely viable, something that boostrap can't deliver very

    • @gokudomatic
      @gokudomatic ปีที่แล้ว

      Pretty nice. Thanks for sharing. I like TailwindCSS for custom layouts and artistic web pages, but it's not ideal to quickly build a web app with a standard look. DaisyUI seems to do the trick. And of course, I can still use Tailwind utility classes on top of Daisy's components.

  • @stanleysurjanto5572
    @stanleysurjanto5572 ปีที่แล้ว +2

    love watching these stack vids as a noobie web dev student and just being absolutely boggled by how much is out there
    would love a video on the philosophy of "how to learn new techs and how MUCH or how DEEP of that new tech is necessary to learn"

  • @SuperGojeto
    @SuperGojeto ปีที่แล้ว

    First of all congratulations man for your baby! Another amazing video.

  • @nomade55
    @nomade55 2 ปีที่แล้ว +8

    Very very humbly dropping that your whole website is 100% custom made with Sass. Props to you, the very opaque, tedious, and absolutely insane, but lovely job of doing CSS custom is something I truly enjoy and respect.

    • @wombat7961
      @wombat7961 3 หลายเดือนก่อน +1

      i will humbly be a css-only salaried developer, i never understood the exodus to framework it, just pay us to do artsy stuff

  • @marcoio8742
    @marcoio8742 2 ปีที่แล้ว +4

    To just listen to this I am so happy. I have been building a project with a friend that I hope will become a very successful project and guess what, I am using the exact same stack: SvelteKit, TailwindCSS, TypeScript, Firebase and Redis. Idk maybe I just watch too many of you videos, but that might mean we became best friends

  • @SonnySangha
    @SonnySangha 2 ปีที่แล้ว +1

    Awesome Video Jeff!

  • @felipegutierrez2944
    @felipegutierrez2944 2 ปีที่แล้ว

    Congratulations on the baby! I love your content

  • @mrdbourke
    @mrdbourke 2 ปีที่แล้ว +58

    This stack looks epic, how about hosting? Where will you host your website? My understanding is you’ll create pre-rendered HTML pages and serve them statically from a bucket somewhere? Then call to Serverless APIs when you need something not static?

    • @FinaISpartan
      @FinaISpartan 2 ปีที่แล้ว +9

      You don't need hosting if you have a static site. The site is served from a CDN and calls lambda APIs.

    • @dhkatz_
      @dhkatz_ 2 ปีที่แล้ว +12

      Firebase does hosting

    • @NesCroft
      @NesCroft 2 ปีที่แล้ว +5

      Firebase hosting

    • @liquidsnakex
      @liquidsnakex 2 ปีที่แล้ว +23

      @@FinaISpartan _”The site is served from a CDN”_
      Also known as hosting, hosts don’t necessarily have to be centralized.

    • @kittymedusa3618
      @kittymedusa3618 2 ปีที่แล้ว +6

      Netlify or Vercel are super simple.

  • @RaghavSethi-IN
    @RaghavSethi-IN 2 ปีที่แล้ว +15

    Uk it's gonna be a good day when fireship posts on ur bday

    • @kellycraig4206
      @kellycraig4206 2 ปีที่แล้ว +3

      Happy birthday!

    • @letstry5283
      @letstry5283 2 ปีที่แล้ว +3

      Happy Birthday Raghav. I hope this coming year goes well for you. 😃

    • @Fireship
      @Fireship  2 ปีที่แล้ว +3

      Happy birthday 🍰

    • @RaghavSethi-IN
      @RaghavSethi-IN 2 ปีที่แล้ว +3

      Thanks everyone

    • @universecode1101
      @universecode1101 2 ปีที่แล้ว +3

      Happy Birthday 😊

  • @francisartemiolandia6396
    @francisartemiolandia6396 2 ปีที่แล้ว

    congratulations on your baby! I like your content as always. God bless,

  • @ibrahimahmed5197
    @ibrahimahmed5197 2 ปีที่แล้ว

    Man you really surprised me with that news congratulations on the kid very happy for you : )

  • @nicolast39
    @nicolast39 2 ปีที่แล้ว +3

    I don't know if you've heard of smelte before, but I recently discovered it, and it is a great library that uses tailwind css under the hood for styling. It also makes it very easy to add elements like buttons quickly, or tabs, and really a lot of other things

  • @rafalpotasz
    @rafalpotasz 2 ปีที่แล้ว +8

    I'm still a newbie but the tech stack I've been slowly getting used to is Sveltekit, TailwindCSS, GSAP (for them animations) and Firebase seems pretty awesome too. I'm tempted to throw in Sanity into the mix too. I just love simplicity and the over engineering of some of the stacks I've seen give me learner-anxiety.

    • @whoami724y
      @whoami724y 23 วันที่ผ่านมา

      My tech stack is similar to yours, but too bad i had to ditch svelte because in my country react angular and vue is still dominating the job market requirements. So how are you progressing so far?

  • @lcarv20
    @lcarv20 2 ปีที่แล้ว +1

    Awesome stack! I also chose Firebase Sveltekit, tailwind and daisyUI recently for project I started to a client!

  • @geordanhouse8247
    @geordanhouse8247 2 ปีที่แล้ว

    Bruhhhh Massive congrats man, shout to new lil dev in the family :)

  • @manishroy3024
    @manishroy3024 2 ปีที่แล้ว +39

    Since, this will be a one of a kind combination of libraries and frameworks, I would suggest FIRST as the acronym.
    Fi - Firebase
    R - Rails
    S - Svelte
    T - Tailwind

    • @avidrucker
      @avidrucker 2 ปีที่แล้ว

      +1

    • @malcewicz
      @malcewicz 2 ปีที่แล้ว +15

      Cool idea, but nothing beats FKIT

    • @AustinMerrick
      @AustinMerrick 2 ปีที่แล้ว +18

      but he isn't using rails? lol

    • @manishroy3024
      @manishroy3024 2 ปีที่แล้ว

      @@AustinMerrick yup, coz he left the backend part for us to decide.

    • @AustinMerrick
      @AustinMerrick 2 ปีที่แล้ว +1

      @@manishroy3024 what would you use rails for if you are using firebase and sveltekit already?

  • @reandov
    @reandov 2 ปีที่แล้ว +7

    Decision #3 is so solid and truthful. I'm biased to say, but other than my job's project I will never use JavaScript anymore. For me, TypeScript is way superior just by having a rich type system. Great video Jeff :)

  • @miketierce
    @miketierce ปีที่แล้ว +1

    Man I had to comment to say you had me rolling with that bit about wasting time on sticky nav’s and css with chandler bing in the backdrop 😂
    I’m sticking with Nuxt & Vuetify & Firestore serving it all SSR via cloud functions

  • @cristinocanga
    @cristinocanga 2 ปีที่แล้ว

    Congrats🙏🏿
    For the baby and the good content

  • @baayu
    @baayu 2 ปีที่แล้ว +5

    hi! you should create a vanilla extract css video, I think its a solid styling solution, you can write atomic CSS with fully typesafe, and features like component variants

  • @cemreomerayna463
    @cemreomerayna463 2 ปีที่แล้ว +6

    Hello!I have been watching your "in 100 secs" series for quite a while. Can you make the ones for AI/ML libraries, such as PyTorch, Caffe, TensorFlow, OpenNN, etc.?
    Congrats for your child, I wish the best for you and your family.

  • @z.zsamad5603
    @z.zsamad5603 7 หลายเดือนก่อน

    Awesome content.
    Congratulations on your baby!

  • @Dht1kna
    @Dht1kna 2 ปีที่แล้ว +1

    Congratulations on the baby!

  • @hectormejia499
    @hectormejia499 2 ปีที่แล้ว +43

    I'm a simple man, I see a Fireship video, I click. Never disappoints.

  • @pesterenan
    @pesterenan 2 ปีที่แล้ว +6

    Man, I just started learning React this year as part of my internship and to see just how many frameworks exist, that makes my head spin!
    **chuckles** -I'm in danger!

    • @MaryamMaqdisi
      @MaryamMaqdisi 2 ปีที่แล้ว +3

      We've all been there (and most of us are still there to a certain extent lol), don't worry too much about it and be patient with yourself! :)

    • @remigsbackup
      @remigsbackup 10 หลายเดือนก่อน +2

      just stick to your favorit and git gud with it, no need to know them all ;D (I use Vue btw)

  • @PaulMarcX
    @PaulMarcX 2 ปีที่แล้ว

    Congrats on your baby, God bless you fam!

  • @DrJimmyBob
    @DrJimmyBob 2 ปีที่แล้ว +2

    I love this break down. I just finished a portfolio site but I already have loads of ideas for v2, so I'll be looking at Astro at some point.

  • @chadbosch1110
    @chadbosch1110 2 ปีที่แล้ว +5

    As much as Svelte looks tempting I still feel it lacks a community to be a solid 1st choice though svelte has the potential to be the future it's like the react we all wanted.. hence why I'm sticking to VueJS.. With Databases I'll continue using SQL for overall flexibility (KnexJS + ObjectionJS to simply the development experience) Defs using Tailwindcss(Unocss too) and Vitest. And looking forward to trying Nuxt 3

  • @0jinx
    @0jinx 2 ปีที่แล้ว +7

    As a frontend dev, I strongly prefer styled components over any other css framework because I subscribe to the idea of component driven designs.
    Eg instead of making new navbars for every project, I just have a highly customizable one that I just import into a new project and just focus on unique functionality or theme for said project.
    Styled components let you keep logic and styles in a single file cleanly with no dependencies

    • @maharta8458
      @maharta8458 2 ปีที่แล้ว +1

      Vue let you do that easily

    • @0jinx
      @0jinx 2 ปีที่แล้ว

      @@maharta8458 I like nextjs. Plus styled components allows for more complex styling customization (eg conditional stylings with changeable variables), Something that isn't native to vue

    • @0jinx
      @0jinx 2 ปีที่แล้ว

      @竜巫 | Siwaga Miriko styled components is different from sass, but you can used styled components and tailwind if you like

    • @erickheredia8910
      @erickheredia8910 2 ปีที่แล้ว

      Nextjs + ts + tailwindcss + daisyUI = Love

  • @jiwoo7560
    @jiwoo7560 2 ปีที่แล้ว +1

    omg.. i know i wont regret choosing svelte as my js framework after pondering and watching alot of js framework videos. ❤️

  • @beckyb9215
    @beckyb9215 2 ปีที่แล้ว

    Congrats on the baby! :D Best wishes to your family

  • @rtorcato
    @rtorcato 2 ปีที่แล้ว +4

    Mantine is simply the best react component framework. Surprising more people don't know about it

  • @reinoob
    @reinoob 2 ปีที่แล้ว +4

    Well, i just compiled two different react apps and served them with a simple php script based on the route. Very neat. I even automatized it all with a shell script and nodejs

  • @william.darrigo
    @william.darrigo ปีที่แล้ว

    You're the light in the tunnel for devs. Thank you for saving me hours of my life trying to center a div

  • @braden-wong
    @braden-wong 2 ปีที่แล้ว +12

    Crazy coincidence, I just started using Sveltekit with DaisyUI for a personal project! Love this stack

    • @kayaba_atributtion2156
      @kayaba_atributtion2156 2 ปีที่แล้ว +5

      DaisyUI is awesome, specially the theme changes! I can ship 10+ styles for a client in the same amount of time

    • @dongums
      @dongums 2 ปีที่แล้ว

      @@kayaba_atributtion2156 can i ask how do you change themes using svelte/sveltekit? idk how to access root html tag

  • @Kingside88
    @Kingside88 2 ปีที่แล้ว +5

    Just spend more time with your'e Baby! They grow up so fast and the memories with you're kid are much better than some another JS Framework

  • @SpencerYonce
    @SpencerYonce ปีที่แล้ว

    Dude this video is a goldmine… keep making these bro. You. Are. Awesome.

  • @tovawr
    @tovawr ปีที่แล้ว

    thank you for the label at 0:30, I wasn't really understanding that structure

  • @mtgshmoopy
    @mtgshmoopy 2 ปีที่แล้ว +7

    Svelte and SvelteKit are essentially everything I've ever wanted from writing FE code. The worst part of Svelte is the majority of the maintainers do not like custom elements (Web Components) and are therefore disinterested in spending their time supporting them. So if you're looking to use Svelte's (pretty incredible) internal custom elements compiler doohickey to create portable components... maybe give it a year or three and check back in.

  • @sagarwakchaure9047
    @sagarwakchaure9047 2 ปีที่แล้ว

    Congratulations on your baby.. thanks for the great content.

  • @HeatCrawler
    @HeatCrawler 2 ปีที่แล้ว +2

    Thanks for sharing your thoughts. I find easy to understand why you chose a specific stack. But in the end almost anything will work. And Yes svelte is awesome, It's unexpectedly pleasantly polished. It might be the subsequent (pun intended) big thing.

  • @desirechiduku964
    @desirechiduku964 2 ปีที่แล้ว +4

    The next thing I want to talk about is Typescript if you’re building a big complicated project use it the end 😂😅

  • @LuLeBe
    @LuLeBe 2 ปีที่แล้ว +27

    I really don't know why people feel that CSS is so difficult. I've used stuff like bootstrap but honestly now I just use sass. It's all I ever needed even for fairly complex sites. I'm not a huge fan of how tailwind pollutes the HTML, it looks more like a bunch of styles than markup of the site structure.
    I admit than knowing CSS well is required for that to be easy, but I feel like tailwind is similarly complex to learn because you still need to know about CSS and then also need to know the tailwind classes.

    • @botondhetyey159
      @botondhetyey159 2 ปีที่แล้ว +1

      At least with react, I find that tailwind makes things a lot easier for me personally. It's not that it's neccessarily easier to learn, as you said, you still need to know CSS to use it effectively. But once you do, tailwind makes it much faster to get a good looking component.

    • @Ironication
      @Ironication 2 ปีที่แล้ว

      Perhaps the best tool would be something that gets the ball rolling in relatively short amount of time, and then you can opt out and do your thing.

    • @IllllIIllllI
      @IllllIIllllI 2 ปีที่แล้ว +1

      vscode tailwind extension shows all of the tailwind classes and what css they apply

  • @mateja176
    @mateja176 2 ปีที่แล้ว +1

    Congrats on your little one Jeff! 🎉

  • @ibrahimadnan3838
    @ibrahimadnan3838 2 ปีที่แล้ว

    Wishing you many happiness on your new bundle of joy ❤️

  • @DaCurse0
    @DaCurse0 2 ปีที่แล้ว +5

    I wouldn't call Ruby on Rails and Django "Full Stack Frameworks", they are backend frameworks, they don't do much when it comes to client side interactivity, you are pretty much on your own there. Remix or Next + API Routes are "Full Stack" because they are your backend and frontend.

    • @dongums
      @dongums 2 ปีที่แล้ว

      Many others don't consider Next.js as fullstack because it doesn't have built-in authentication or ORM

    • @DaCurse0
      @DaCurse0 2 ปีที่แล้ว +3

      @@dongums That's not what full stack means though

  • @angadtendulkar292
    @angadtendulkar292 2 ปีที่แล้ว +4

    As a react dev, I use next.js with typescript, Prisma and postgres if I need to, and since I am to lazy to do css, I use chakramUI or nextUI

    • @LarsRyeJeppesen
      @LarsRyeJeppesen 2 ปีที่แล้ว +1

      React is for beginners. You really never progressed from that?

    • @angadtendulkar292
      @angadtendulkar292 2 ปีที่แล้ว +1

      @@LarsRyeJeppesen i legit just started

    • @MaryamMaqdisi
      @MaryamMaqdisi 2 ปีที่แล้ว

      @@LarsRyeJeppesen Wdym?

    • @LarsRyeJeppesen
      @LarsRyeJeppesen 2 ปีที่แล้ว

      @@angadtendulkar292 no problem dude, sorry. cheers

    • @martiananomaly
      @martiananomaly ปีที่แล้ว

      Same for me except i use DaisyUI

  • @UnknownUser-ud1es
    @UnknownUser-ud1es 2 ปีที่แล้ว +2

    Started using svelte with fast api and so far loving it.
    Will be trying out daisyUI in the stack for UI component. Thanks for the suggestion.
    My favorite feature on svelte happens to be writable.subscribe which makes data change in one part of code visible in all parts using it. Really loving it. For anyone starting out with svelte I really suggest typescript enabled mode as it helps you out with less runtime errors as the project grows. I really learned it the hard way.

  • @inasuma8180
    @inasuma8180 2 ปีที่แล้ว +1

    I recently built up the infra around a new static blog site, and I’m using next JS with netlify cms which has proved to be a very nice combination. Arguably netlify cms isn’t the best ever UI but it gets the job done, and combined with next JS, it’s very straightforward. I’d love to hear more of your thoughts on netlify and how it compares to other app hosting services!

  • @torkilddyvikolsen1298
    @torkilddyvikolsen1298 2 ปีที่แล้ว +4

    This is a pretty good stack I would say, but I have a few notes:
    * No mention of EdgeDB - a database I think you should consider.
    * An open source contender to Algolia, namely Meilisearch, is worth a mention.
    * Firebase really isn't doing it for me. It's probably good, but that lock-in is unbearable.. CouchDB + PouchDB seems to be a good alternative for the parts that a relational database can't handle.
    * To me CSS is a breeze, making Tailwind an unnecessary crutch, and a maintainability hazard.

    • @doorey2
      @doorey2 2 ปีที่แล้ว

      What is it you do that you are able to use such great tech? Isn't everyone just locked into whatever standard old fashioned thing their job is using?

    • @torkilddyvikolsen1298
      @torkilddyvikolsen1298 2 ปีที่แล้ว

      @@doorey2 Lifestyle consultancy agency. Also co-founding a couple of startups helps.

    • @erickheredia8910
      @erickheredia8910 2 ปีที่แล้ว

      You can use DaisyUI. You can also create classes using tailwind if you don't like to put them directly in the component.

    • @torkilddyvikolsen1298
      @torkilddyvikolsen1298 2 ปีที่แล้ว

      ​ @Erick Heredia Something like DasiyUI is nice to quickly get something up and running, but I don't see how it can compare to a bespoke tailored solution, both in terms of quality and in maintainability.

  • @user-qr4jf4tv2x
    @user-qr4jf4tv2x ปีที่แล้ว +11

    fireship is such a simp to firebase

  • @adriman2
    @adriman2 2 ปีที่แล้ว

    Love to read and see how many devs are starting to Sveltkit for their projects.
    Just discovered DaisyUI and started using it in my SvelteKit project, couldn't be more happy about it.

  • @audreydelgado2198
    @audreydelgado2198 2 ปีที่แล้ว

    Thanks for the great content! And Congratulations on your baby! 👶

  • @universecode1101
    @universecode1101 2 ปีที่แล้ว +14

    As a Js - React dev, my BEST STACK is React (Next.js) Tailwind Css or Pure Css or Sass, Firebase or MongoDB, Stripe, TypeScript, GraphQL to better manage API in some projects, and React Native for apps and ...
    TOO MANY THINGS TO LEARN 😜

    • @afaque.
      @afaque. 2 ปีที่แล้ว +1

      You seem to be in tutorial hell mate

    • @universecode1101
      @universecode1101 2 ปีที่แล้ว +2

      @@afaque. I think kinda, we're all in it. It is part of the process, to always stay up to date. But anyway no, I can handle it ✌🏻

  • @Valiant600
    @Valiant600 2 ปีที่แล้ว +3

    Svelte the most loved but only 4% of professionals use it vs the 44% of React... Still has a long way to go.

  • @radjee8600
    @radjee8600 2 ปีที่แล้ว

    Congrats man !

  • @khaledfarghly6480
    @khaledfarghly6480 2 ปีที่แล้ว

    Congratulations Jeff on your happy bundle

  • @hiwhatname4127
    @hiwhatname4127 2 ปีที่แล้ว +3

    Hey mum

    • @Fireship
      @Fireship  2 ปีที่แล้ว +2

      🥉 Bronze

  • @giorgimerabishvili8194
    @giorgimerabishvili8194 2 ปีที่แล้ว +4

    Angular is the most accomplished UI framework out there!

  • @Y-anon
    @Y-anon 2 ปีที่แล้ว +1

    I love this channel, every other video I feel like dropping all my tech stack and restart my app I've been working on for the last year.
    More seriously though, in 2025 we'll use whatever framework is already learnt and master by an AI and just ask it to poop webpages, docs, and tests all at once.

  • @LifeLedLucid
    @LifeLedLucid 3 หลายเดือนก่อน

    I know this probably wasn't intentional, but this felt like a flex on just how many tools your aware of. I'm truly impressed by the breadth of your knowledge

  • @thomas6502
    @thomas6502 2 ปีที่แล้ว +1

    Appreciate your insights as always sir. Thanks! And, congratulations dad!

  • @idselseno2306
    @idselseno2306 2 ปีที่แล้ว +2

    For full text search I use Manticore Search as an alternative to Algolia. It's almost free to use and easy to setup anywhere. It can handle millions of records in a breeze. It also covers several use cases like radius search on a map and it's huge one one for me. It's not as fancy as Algolia with a web dashboard but again I think I don't need such feature.

  • @labialkosta261
    @labialkosta261 2 ปีที่แล้ว

    You're just a big inspiration to me Thanks a lot and congrats on your baby 🥰

  • @officialismailshah
    @officialismailshah ปีที่แล้ว

    Tons of knowledge will take time to process it

  • @robbie2779
    @robbie2779 2 ปีที่แล้ว

    Love your setup

  • @malkitsingh01
    @malkitsingh01 2 ปีที่แล้ว

    congratulations for the baby ❤️

  • @Epistemer
    @Epistemer 2 ปีที่แล้ว

    congratulations on the baby ❤❤❤

  • @GlenBondMogane
    @GlenBondMogane 2 ปีที่แล้ว

    Congratulations on the new born Jeff 🥳🥳🥳👏👏👏👏

  • @AlfieMakes
    @AlfieMakes 2 ปีที่แล้ว

    I like firekit. You are killing it with this content man, I love it so much.

  • @chachan4142
    @chachan4142 2 ปีที่แล้ว

    Congrats on welcoming a new member into your family!