i built typeform in 96 hours (coding vlog)

🚀 Join Jacob's Dev Club: www.subbb.me/jacob
✅ launch your paid community: subbb.me
🧠 learn to code: scrimba.com/allcourses?aff=jacob
🦄 tailwind animations: tailwindanimations.co
🤝 collaborations: [e-mail]
instagram 👉🏻 / binnie.jacob
twitter 👉🏻 / jacobbinnie
github 👉🏻 github.com/jacobbinnie

[@JacobSucksAtCode]

🚀 Join Jacob's Dev Club: www.subbb.me/jacob

[@hibrunocosta]

Finishing code and pushing to production same day is crazy

[@JacobSucksAtCode]

We live on the edge

[@DanielBoa7]

ci/cd!

[@gaborjenei6893]

A suggestion if you may: I think having autofocus on form fields after appearing makes the experience way smoother

[@KodeWarrior]

Encouraging as usual! Just conceptualized my first major project and this keeps me excited about it!

[@solar.andrea]

Not me taking screenshots because I was in the dev club part of the video…

[@JacobSucksAtCode]

Hahaha

[@JosephMushi-uq8dz]

I always love watching your vids bro, you've come really far and keep on going🙌🏽... love from Tanzania 🇹🇿

[@BeserkGames]

Great work per usual! Loving the content and the process!

[@benbugraer]

Another great video. You inspire me and make me want to more work Jacob 😄👊

[@KarimGutermann]

I really enjoy watching your videos so much!

[@friendly__drone9352]

Cool idea! A suggestion, add a progress bar so users know how many questions they have to answer. I hate not knowing if it's 30 seconds or 5 mins

[@MattBramer]

You love to see when a project comes together! Great job, Jacob!

[@JacobSucksAtCode]

Thanks dude!

[@nikolazivojinovic3765]

Subb is really taking off with the new features, keep it going! If I were to guess where you guys are headed next after the US I would say London :D

[@appel-32]

yeah, the migrations thing is something to really look out for, a couple of weeks ago i pushed to prod and a migration wiped the entire database (thankfully i had a backup). At least it helped me realize i needed to take a lot more precautions before pushing to prod

[@Ro-codes]

This man can't be stopped! Great video man, such a cool insight into what it takes to build!

[@JacobSucksAtCode]

Appreciate it!

[@yarbas89]

that really is sick, congratz!😆

[@go1883]

nice work youre doing with subb! really enjoying the documentation on yt as well. also, it would be nice to add something to that "thank you" page, so the user applying should be aware that they will receive an email regarding their application (which will allow them to pay and get acces to the community).

[@danicunhac]

Nice vid! Tip: you can wrap your migration within a transaction to make it safer when running in production

[@scaleless8875]

I like how you are just happy that it works. Its a typical programmer thing😂. Nice vid!

[@mrwhite2894]

Nice brother more power to you

[@harkmub]

Nice work! Love the T-shirt too 😅

[@tranquiltastes]

Awesome and sick!

[@fernandohidalgo6038]

Railway for backend deployment, this man knows his craft

[@pedrobarretto1483]

I am using Railway for both, front and backend, for my startup, its awesome!

[@DawitElias-zk2jd]

People don't realize how much of a flex it is to write the code and push it to prod on the same day! This is Insane

[@JacobSucksAtCode]

haha bro understands 🫡

[@evotifiga]

Hey Jacob, another cool video 👌Can't wait to see where you move 😎Btw, what tech stack are you using? Which database?

[@JacobSucksAtCode]

PostgreSQL

[@serhiikutash938]

What about a back button in the typeform, for when people make a mistake or something? Another thing is that when too many people apply, it becomes a bit time-consuming to approve each person one by one. Great video!

[@JacobSucksAtCode]

True... but also the point is you want to approve people one by one :)

[@kian8814]

super exciting stuff! later down the line do you think subbb might allow creators to create a paid community directly on the site (without going through discord, etc.)?

[@JacobSucksAtCode]

Maybe!

[@tconroy]

Hey Jacob, great video! Any details you can share on your tech stack? looks like you're using NestJS for your API and Next for your frontend -- how are you connecting the two? Did you consider something like tRPC/T3 stack?

[@JacobSucksAtCode]

I generate types to the frontend using the Openapi swagger generator

[@RahofAboRefaat-mr2mu]

Your coding journey and accomplishments are truly inspiring! 🚀 It's clear you have deep expertise in rapid development. Could you share some key strategies you used to streamline your process and complete Typeform in such a short time? 🤔 Excited to hear your insights!

[@JacobSucksAtCode]

Just start moving!

[@StidyoFenwa]

Love watching your videos! Do you design the UI for Sub as well?

[@JacobSucksAtCode]

Yep!

[@Wttk189]

Can you share more detail on how you did the customization of the applications? My company is currently introducing a template approach and oh boy am I struggling coding it

[@JacobSucksAtCode]

What do you mean?

[@waymentto]

I need this feature with deleting connections and connection an another one

[@perbhatkumar7033]

Do you think the "approve" dialog should be a purple button on the right of the cell in the table, or do creators have to manually click each one and then click "approve"?

[@iasplay224]

How does your front end work do you use react, if so do you use a component library and such does anybody have any tips on this, I am familiar with react but feel like it takes time to make a good UI

[@JacobSucksAtCode]

Take inspiration from other people's apps

[@hapaise2924]

How do you exactly do staging and production? I always did it at my internships but never on my personal projects

[@JacobSucksAtCode]

Same code, different environment variables

[@TheMatissre]

What service/platform do you use to host and manage production runs?

[@JacobSucksAtCode]

Railway and Vercel

[@rampandey191]

Jacob: you should be extra careful while merging proof read it 4 times 2 mins later Jacob: when in doubt just merge it

[@JacobSucksAtCode]

😂

[@spdomingoo]

I do have to ask, why not have all the form fields on one page? Rather than having users click next next, it’d get pretty cumbersome especially if a user makes an error or if the subs form requests more information from users when they sign up.

[@naythan777]

Very nice man...🚀 BR

[@CodeBeep]

What UI component library are you using? Shadcn, Radix, Material?

[@JacobSucksAtCode]

A bit of Shadcn

[@alphajay9768]

@JacobSucksAtCode in your next video please can you tells use your tech stack and how much it costs for you to run it. Thanks and keep up the good work.

[@JacobSucksAtCode]

Around $30 per month

[@wajdpixel4558]

Hi Jacob ❤, I decided to learn software engineer machine learning 😊 what's your opinion in this for person who love to write code so much, or web dev better for me 😊❤?? Please reply 🙏?

[@JacobSucksAtCode]

Whatever you like

[@wajdpixel4558]

@@JacobSucksAtCode how i can choose, I'm very confused between it. Please help me?

[@ouluehhh]

What are you using for nestjs api hosting?

[@JacobSucksAtCode]

Railway

[@ShaneCurtis-nl2ev]

what database do you use for dev and prod?

[@JacobSucksAtCode]

Railway

[@kelvindules4258]

Nice job dude, keep it up! Just wondering tho, isn't it bad to say that you're building a Typeform "copy" into your app? For legal reasons

[@JacobSucksAtCode]

Not really, typeform don't own forms

[@SametKaras]

Jacob, could you please share the link for your backpack?

[@JacobSucksAtCode]

I bought it over 10 years ago haha

[@SametKaras]

@@JacobSucksAtCode wow! it looks brand new

[@OliviaFrance-gi3gg]

dang im first super cool watching these startup vids man id love to come work for you

[@RossRawlins]

@JacobSucksAtCode Is it just you coding this by yourself? Are you looking for other developers?

[@JacobSucksAtCode]

Currently just me!

[@ommodi9246]

Great 😃😃

[@eunicebeji8254]

what deployment platform is that

[@JacobSucksAtCode]

Railway

[@alphajay9768]

what database app is he using ?

[@JacobSucksAtCode]

Railway

[@JacobSucksAtCode]

And also datagrip

[@Avshar535]

Hi bro .Where do you work?

[@JacobSucksAtCode]

NYC

[@arikev8040]

Where do you host it?

[@JacobSucksAtCode]

Railway

[@techisfun6085]

Suggestion!! I feel the feauture where the creator accepts a submission by applying or rejecting, should have a pop up to verify whether their sure about their choice. Just in case someone mistakenly clicked the wrong button.

[@JacobSucksAtCode]

Not a bad idea!

[@hibrunocosta]

Honestly instead of adding another thing to the flow, I would just add a list of accepted/rejected options so they can change their choice, or do like Google and show a notification with "Submission accepted" or "Submission rejected" and an undo button within the notification for a more cleaner setup.

[@perbhatkumar7033]

​@@hibrunocosta It's like a staging environment for the creator so they can push their accepted ppl to "prod" :)

[@andrewmaverickaa]

Early gang let's go 💪

[@uncle171]

My motivation to write code comes and gos but this content always sucks me back into building stuff

[@Brando_N]

Moving back to NZ?

[@JacobSucksAtCode]

👀

[@subhamcoder]

Record it in 60 fps not 30 or 25🎉❤

[@perbhatkumar7033]

Binnie how tf did you build this entire thing on a 14 inch laptop

[@JacobSucksAtCode]

😂

[@toddmason1195]

LGTM 😂

[@markthomas9181]

Bro, is it London??😂😂😂😂😂😂

[@JacobSucksAtCode]

👀

[@markthomas9181]

@@JacobSucksAtCode it's London my guy 😁😁😁😅😅😅😅