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

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

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

  • @devaslife
    @devaslife  11 หลายเดือนก่อน +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 หลายเดือนก่อน

      congratulations

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

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

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

    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

      😂😂

  • @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.

  • @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.

  • @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. :)

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

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

  • @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.

  • @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!

  • @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!

  • @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.

  • @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

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

    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.

  • @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

  • @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

  • @phanphong3533
    @phanphong3533 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!

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

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

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

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

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

    This is not just coding , this is art !!

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

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

  • @maxwellrux5523
    @maxwellrux5523 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

  • @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!

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

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

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

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

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

    the craftsmanship in this is inspiring

  • @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!

  • @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😆

  • @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.

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

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

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

    LOVE THIS
    Always waiting for your uploads

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

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

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

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

  • @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.

  • @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.

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

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

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

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

  • @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.

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

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

  • @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 !

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

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

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

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

  • @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.

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

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

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

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

  • @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

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

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

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

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

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

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

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

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

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

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

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

    Congratulations, your video quality is always awesome

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

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

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

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

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

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

  • @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

  • @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)

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

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

  • @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

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

    Would you ever consider creating a voiceover tutorial style video? I think it'd be quite informative and useful to a lot of your fanbase. Great videos as always though!

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

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

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

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

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

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

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

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

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

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

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

    I just enjoy watching your videos, thanks, Takuya.

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

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

  • @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

  • @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)

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

    最近たくさんのユーチューバーが ”ASMRコード” というテーマの動画を出してるんですけど、私の中でたくやさんの動画が一番ですね

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

    This channel deserves more subscribers ngl

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

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

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

    Recommend using `react-intersect-observer` with `intersect observer API` for watching element positions on screen (instead of scroll).

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

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

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

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

  • @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

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

    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

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

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

  • @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 💓

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

    ASMRとしても有益な動画ですねー。自然の中での実際のコーティングのキータイプ音なので、プログラマーとしては聴いていてとても心地よいです。

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

    This... this is a work of art!

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

    I Miss videos like this one. :(

  • @CristianSanchez-zu5sl
    @CristianSanchez-zu5sl 2 ปีที่แล้ว

    Takuya, I need a video explaining how to record screen with that terminal transparency, it's amazing. Congrats for you quality content. :)

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

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

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

    It's soooooooo nice to code in nature!!

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

    I wish i could understand the math behind the sticky parallax effect. Great Job with the video.

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

    9:52 Writing code in NVIM in the middle of nowhere surrounded by nature? This guy has no stress. Now that's App Development, done right.

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

    I love the skills animation section, you should do more frontend tricks like that, please

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

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

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

    This is called a real developer. Hats off

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

    Congratulations 100K 🌸

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

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

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

    You are my favorite developer in the entire world !!

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

    미쳤네요.. 대단합니다.