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

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!

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)

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.

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 😂

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

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

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

"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!

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

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!

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 🙌

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

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 :)

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

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!

I really go for FKIT 👌🏽

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)

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

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

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

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)

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.

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

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 😊

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

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"

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

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

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.

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

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

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

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

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

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

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

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

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

congratulations! infinitely cute that the voice began to sound much quieter than before. waiting for new videos, thanks for the content

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

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 :)

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

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.

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.

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

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.

Awesome content. Congratulations on your baby!

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

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

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.

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.

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?

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

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

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.

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!

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

Congrats on your baby, God bless you fam!

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

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

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.

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!

Awesome. Perfect. Thanks for all this. I'm currently using react-daisyui with preact and ssr with vite. that's really edgy. I love your login button, Live long and prosper!

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

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

Congratulations on the baby! I love your content

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

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.

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.

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

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.

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.

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

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

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

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

Hey man, live your content. Thank you for existing on this platform. Suggestion: make a second channel to show yourself building the projects on the videos of this channel, or some other content in the form of live coding. I would love to see that!

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

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 😜

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

Congrats🙏🏿 For the baby and the good content

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

Hey mum

fireship is such a simp to firebase

Awesome Video Jeff!

I am building my business on top of Sveltekit + Tailwind + Stripe I have done tons with it, but still would LOVE to see a course on your site for Sveltekit!!!

Angular is the most accomplished UI framework out there!

Congrats on your little one Jeff! 🎉

I am currently building a mobile app with SvelteKit, Capacitor and Firebase. Killer stack!

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

Tons of knowledge will take time to process it

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

im literally currently using the exact same stack except im doing ssr with serverless functions, i found an npm package that does it almost all for me and everything is working great

Sent me howling with the Typescript comment. That was the main question/curiosity I had. Gotta love developers!

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

I have just finished by beginners learning and started building projects . Even this early , the " i spend more time writing css that javascript " is so relatable

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

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

Using tailwind and daisy ui is a lot of fun. Using it in my current project.