How I built a software agency website with Next.js + Tailwind CSS (in nature)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ม.ค. 2025

ความคิดเห็น • 594

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

    Check out my Markdown note-taking app designed for developers 👉 www.inkdrop.app/?GznmPACXBlY

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

    Not even two minutes in and the production quality and style already left such a good impression, that I hit the subscribe button right away!

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

      Same haha

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

      same

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

    Takuya, I am obsessed with your videos. Just wanted to let you know that after 2 years of studying, I'm beginning my first junior full stack developer role tomorrow morning. And I'm so inspired by these videos that I'm excited to jump in, and eager to start learning and trying to use vim for my new job. Thank you for everything you do, and keep it up!

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

      Congrats, Niko!

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

      Its my third job I am starting tomorrow and it still feels like first ;) good luck man :) I hope it turns out great for both of us

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

      @@watherby29Amen, hope it's going well for you too! And hope you're using Neovim!

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

      congratulations

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

    The production and effort that went into this video is absolutely brilliant. I will probably watch the entire video just to see the cool effects.
    It was a really good video man, appreciate the good work.

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

    This man just raised the bar so ridiculously high for future web development TH-cam videos from other channels. Well done man.

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

    Takuya, I'm in Tokyo/Chiba,,, I'm also into React Native/React JS... I just wanted to thank you for always making such soothing and informative videos... I am also in awe of your home desk and coding setup there. it looks really nice!!!! keep up the great work as always!!

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

    As others have said, Takuya always has the best production of any coding youtuber out there

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

    Ive never been sold on something so fast but after 13.153 seconds of your video and checking their docs, im going to learn some tailwind

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

    I've been following you for a few months now and I have to say that you're the best I've seen when it comes to programming with speed and fluidness. Your content is so well put together that it just triumpths over anything else I've seen on TH-cam when it comes to doing what you do. You are the best and the way your subscription count keeps growing can attest to that.

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

    He says there's no internet, WOW, how could he know how to center a div in another without Google and Stackoverflow?

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

      className=“container max-auto” :)

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

      ​@@micahcrenwelge Thanks, I believe it's mx-auto if you're using Tailwind. But don't you get my point? really?

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

      @@covermeth no I did, I actually thought it was pretty funny. but I was just making a point about how much easier development is with the advent of frameworks like tailwind that abstract away the mundane tasks of centering div's. what a time to be a developer.

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

      @@micahcrenwelge you are right, bro. Our work is just making new things to replace ourselves. I don't know why but sometimes i really miss the time JavaScript can only use on form validation.

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

      😂😂

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

    This is so peaceful! I play lofi music over it, too, so I get nature, lofi, typing, and occasionally I'll take a 5 minute break to watch you code while I contemplate my own code. It's like we're colleagues. :)

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

    I absolutely love the way you reconcile tech with nature, in a way : you code in a beautiful landscape, hiking respectfully and enjoying the beauty nature offers you.

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

    This is not just coding , this is art !!

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

    I was really waiting for this since I saw the advance of the video!
    Currently, I'm in a programming bootcamp, and you really inspire me to become a software developer as good as you.
    Your work is amazing man, thanks a lot for share it!

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

    I really enjoy watching your videos, and it's so aesthetic. I hope you put out more videos like this in the future. Really cool to see you code!

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

      pls dont use the word "aesthetic"

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

      @@gr1evin why not? I'm just appreciating the high production quality Takuya is putting into his work.

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

      @@nafishasnain4114 "so aesthetic" doesnt mean anything, + this word is overused by teenage girls and makes your vocabulary poor.

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

      @@gr1evin please elaborate when you say "doesn't mean anything" lol. You are clearly trying to be antagonizing for the sake of it.
      And please be a little more open-minded instead of simply judging someone based off of a comment complimenting someone's hard work. Hope you have a beautiful day 👋

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

      @@nafishasnain4114 I agree with you

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

    I couldn't mind staying a little more up watching the whole.. the editing is amazing, the coding and silence. Good video there takuya

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

    Wow Takuya the production value only seems to be getting greater and greater with each video... it's brilliant to see you with such high quality content as a fan and an admirer.

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

    Just finished coding along to this masterpiece after 8 business days. Massive respect for you and your work.

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

      Wow, good job!

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

    ¡Gracias!

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

    The way you bring logic and aesthetics together is a symphony of the gods. Thank you for your fine work!

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

    Cheers from New Mexico! So happy i found your channel. I have been wanting to find a developer that just shows their process and workflow. You make the whole experience so beautiful. I also really like that there is no talking just asmr like sounds. Thank you for your videos!

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

    I really like being able to see the start to finish of a full project of yours. I feel like I learn so much seeing all the small processes you use and your design patterns as you build them! such a calming video too, you're one of my favorite dev youtubers. Much love from NYC

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

    Idk where this guy gets the time to produce such quality videos, like he's so meticulous in his craft

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

    when i'm in this kind of view, definitely throw my laptop away and chill all day, truly respect the level of your focus.
    Also nice vim setup inspiring me to learn more about vim.
    Thank you.

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

      Yes, the same happend to me, I said to myself, oh my god!, HOW tha hell he reach to that kind of speed!. Man, write a book and teaching us!.

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

    What a wonderful, calming, yet unusual video! Unusual because we're seeing you sat with nature all around you, and we're seeing your keystrokes and what your typing, rather than some person chatting away. I like this and congratulations for thinking outside the box. Love it! Much success!

  • @legacyfgs
    @legacyfgs 9 หลายเดือนก่อน

    it's amazing how you are able to browse around with your terminal and write code in a very effective way, i'm extremely impressed and i wish to learn how to code and use the terminal like you do. I'm a huge fam.

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

    Glad you enjoy the video but do not spam the form for testing purposes. That's annoying for my client. They've already got over 50 spams.

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

      i love you

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

      Hi I was wondering if you could post the code for the scrolling effects like the projects section and the section with ‘we know our tools’

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

      maybe you should update the wensite

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

      I watched this a month ago and I still keep coming back to it. I'm supposed to be accomplished in my own skillset and I should be happy it provides me a decent living, but I regret not taking this coding route in my life. While I have tried to code, the realization that I won't be even a serviceable coder leave me with such dread and trepidation. It's soul-searing not to be able to code. All my so-called accomplishments in my own industry seem hollow.

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

      Can you post the exact version of your keyboard? I see a million K2 keyboards on Amazon but none of them is the exact one you got.

  • @rux-eth
    @rux-eth 2 ปีที่แล้ว +1

    i know you hear this a lot but you are super talented not only as a dev but as an editor. you seem very humble as well. thank you for all the great content

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

    I just watched a couple of minutes and I must say that this is a beautiful piece of art of a video you’ve created here, I am very thankful for the effort you put into this and for sharing it with the world

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

    Always love your videos, both aesthetically and content wise they're great.

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

    This channel is what inspired me to get into coding and I just finished my coding bootcamp! Keep up the great work and I hope to one day be half as good as you!

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

    As always I appreciate the level of quality in your videos. Imagery, Sound Design and editing is on point.

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

    Even though I've almost never write frontend, I enjoy your videos so much due to their aesthetics, thanks!

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

    This is the pure art of coding!! Great work!!!

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

    the craftsmanship in this is inspiring

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

    LOVE THIS
    Always waiting for your uploads

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

    I love your background sound because it makes me feel more relaxed and productive while I'm coding

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

    Good evening, I like the fact that it's so quick to type in, and it's a copy or memorization from the net without looking at the book.

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

    開発の流れやコードの書き方がめちゃくちゃ参考になりました、UPしてくれてありがとう!

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

    Wow, I was literally going through your articles on medium about productivity when I go a notification that you just pushed out a video! Amazing work as always ,you really inspire me to be a better developer !

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

    I didn't think that this video will be so relaxing and entertaining at the same time, very good video bro! Thumbs up from me.

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

    Loved it, and the sticky parallax feat was amazing. Worth watching at 3 AM in the morning!🙌

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

    The b rolls are very good. Appreciate the effort. Those keyboard sounds are so soothing.

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

    What a genius. Hats of for making programming interesting to watch.

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

    Can't believe I sat through 2+ hours watching you code. Awesome video.

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

    The intro got me hooked. Very pleasant aesthetics. Added to watch later!

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

    You are my favorite developer in the entire world !!

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

    the production quality is simply amazing. thanks again for your work on this! 🙏

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

      Glad you like it, Marc😆

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

    Hi Japan, Bavaria calling ;) Just wanted to drop by to tell you how I enjoy your content and value the work which went into making these interesting videos. This feels fresh and inspired.

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

    Holy shit this is the best intro i have ever seen in a tutorial.

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

    This and your previous video are the perfect audio for a productive work environment.

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

    Awesome video as usual. The quality is always over the expectations. Keep going!

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

    It honestly blows my mind to see you produce code this quickly. It doesn’t even look like you take the time to google anything…you just know it all

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

      Comed with practice

    • @Quynn-Oneal
      @Quynn-Oneal 2 ปีที่แล้ว +2

      I don't undervalue his work and passion in development. There might be a chance that he worked on this code before and just rewrote everything for youtube.

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

      He finished it before.. Nobody can CSS this fast.

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

      Content is scripted. Don't worry, u are not bad at coding. Enjoy it all. Happy coding! :p

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

    Congratulations, your video quality is always awesome

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

    I will make myself confortable with 2h straight to enjoy your work. Already impress by the environment you choose ! ❤️

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

    Takuya ur channel is amazing man, congrats and keep doing what u do 🙂

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

    Great work the website looks amazing! I love how calm and relaxing the videos are!

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

    Dude, your videos are sooooo pleasant to the eyes!!

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

    It's soooooooo nice to code in nature!!

  • @Lisa-rd3wt
    @Lisa-rd3wt 2 ปีที่แล้ว

    This video is insane, I really enjoyed it ! I'm one of those people who can relax by watching code videos x)

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

    Your videos are so enjoyable and calming to watch, please keep up the good work!

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

    Thanks for the absolute QUALITY content, your videos are really motivating me to code more prior to uni :) Also, side note: apparently client.resolved_capabilities for lspconfig is being deprecated in a bit over a week, figured I should mention.

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

    Just wow something unique about your style and video presentation. Thank you for making videos

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

    Your work is AMAZING. I can't wait to see more

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

    This channel deserves more subscribers ngl

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

    I decided to pick up nextjs because of your videos. Thanks you!! I have discovered new amazing things!

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

    Wow the flow is impressive 😄 Thanks for this content 👏🏻

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

    I love the calming esthetic to your videos man, very original 👍

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

    You're the coolest developer I've seen on the internet!

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

    I don’t understand anything but this look like art, loving it

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

    I just enjoy watching your videos, thanks, Takuya.

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

    So far, this is the only programmer on TH-cam with STYLE

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

    Another absolutely amazing video. The fact that you do this of the top of your head, not even googling :O hats off to you sir. Also, do you do any c, c++, java, etc projects? Would love to see some of those. Keep up the great work :D

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

    you always inspire me to stick with coding, thanks for the great videos

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

    This... this is a work of art!

  • @paul_tee
    @paul_tee 10 หลายเดือนก่อน

    the animations for the skills is very nice. thanks for showing it

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

    This was an amazing video, I really enjoyed watching it and you've inspired me to become a better programmer.

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

    Outstanding content! Thank you so much Takuya!

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

    Hi man, I am surprised by how you mixed nature with such a passionate job as it is Software Development.
    Keep it up, this is a master piece. I admire you.
    Att: Reynald (Founder of Software Scientists company)

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

    This is amazing. Love your color theme on the coding software and the vibes here. For anyone watching this and feeling the urge to learn coding bc of this video, let me tell you this guy is making it look incredibly appealing but that doesn’t necessarily mean you yourself are actually going to enjoy a job in coding. 😓 basically my experience haahahahah

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

    Thanks for the videos! Recently graduated and started a 9-5 job and I get bored at home; you got working on personal projects! Love from Canada

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

    i love coding but i have no idea how to like zero. i love to watch your videos man. thanx for the great effort

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

    I don't know what feels more satisfying: the video itself or tsserver lsp + cmp running the fastest I've ever seen. I'm using parts of your nvim config and still can't achieve that, the LSP suggestions takes a second to load up lol

  • @Alan-jv5fq
    @Alan-jv5fq 2 ปีที่แล้ว

    I didn’t understand a thing about those min and max you used for the skills animation but the end result was mind blowing

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

    So relaxing and cool to watch, thank you ! This is amazing !

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

    You already inspire me to wake up in the morning and start to code! Wagmi 🚀

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

    you have a crazy amount of talent and im so impressed. inspired by you.

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

    Your content is so good that I started my own TH-cam channel inspired from your content!

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

    Watching what you do, I realize how much I still have to learn... But I'll get there eventually

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

    This is a great quality of code as well as great quality of editing, presenting. Excellent job!
    I just wanted to ask: Did you consider using IntersectionObserver at 39:10 while animating the skills? Maybe you bailed out on the IntersectionObserver since you already have the scrollY from the context and some math magic solves the problem. Or you didn't consider that at all :) Just curious about your thought process there.
    Thank you for the video Takuya.

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

    this is amazing, coding in nature really vibing this!

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

    Your videos are OUT OF THIS WORLD. Excuse me, I have to pick up my jaw from the floor, AGAIN!

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

    Great job! You always inspire me to take my code to another level 🙌

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

    Holyyy fkk I discovered a GEM. You are so talented. This inspires me to be better programmer. The nature sound is perfect 💓

  • @hamdaniash-siddiq5021
    @hamdaniash-siddiq5021 2 ปีที่แล้ว

    what really Blow my mind is "He does it in VIM".. This guys is born for Coding.

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

    Hello Takuya! How did you manage to record the transparency of the screen? Because the transparent background of the terminal presented in the video is the actual frame taken by your video camera, and not the desktop background of the computer when recording the screen. How did you do that, it's amazing!

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

      I also wanna know

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

      @@rohitkharsan i dont know if it work with transparency. But worth a try

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

      I think I know how he does it:
      Create a terminal and set the background to 1. 100% transparency
      2. move the terminal over a color field(the color of the colorfiel must be a color that does not appear as a color in the terminal, for example choose pink as a color)
      3. remove all parts in videocapture that are pink.
      4. capture a nature video
      5. add a blur effect window, which has the size of the terminal window on top of the nature window.
      6. add the captured terminal window, where the pink elements are cut out.
      7. DONE

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

      @@eschock4386 Yeah, it’s a solution. But I prefer to believe that he captured the camera live signal directly into the computer and then recorded it in the computer (e.g. OBS) along with the signal from his terminal screencast while he was developing outside. It's easier and faster, but requires a lot of prep. One more thing I noticed is that his mouse is also so-called transparent, with the actual camera frame as the background instead of the desktop background.

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

      There is a way to tweak the opacity of softwares.

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

    Love our vids , your vids is very chill and the nature is beautiful :))

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

    Congratulations 100K 🌸

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

    You inspire me, you can code that doesn't need to google-all the things from your brain. Fantastic. You your video

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

    めちゃくちゃ学びが多くて面白いです!映像も洗練されていて見やすく、自然の音とキーボードの音の融合もいいですね。