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

[@devaslife]

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

[@davidmc971]

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]

Same haha

[@mrrtte]

same

[@nikob381]

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]

Congrats, Niko!

[@watherby29]

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]

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

[@bollywoodkol783]

congratulations

[@SownJevan]

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]

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

[@covermeth]

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

[@micahcrenwelge]

className=“container max-auto” :)

[@covermeth]

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

[@micahcrenwelge]

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

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

😂😂

[@japanlocal6841]

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

[@shnylljenner1704]

can we connect?

[@meepinandmorpin]

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]

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

[@ImLaminarBro]

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]

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 KZbin when it comes to doing what you do. You are the best and the way your subscription count keeps growing can attest to that.

[@kiaruna]

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.

[@burstdigitalkenya]

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

[@malvaloca]

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!

[@ITZollx]

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.

[@matiassimone2057]

¡Gracias!

[@zachzulanas4125]

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

[@carlosdesantiago1356]

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

[@nafishasnain4114]

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]

pls dont use the word "aesthetic"

[@nafishasnain4114]

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

[@gr1evin]

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

[@nafishasnain4114]

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

@@nafishasnain4114 I agree with you

[@guestofallah7661]

This is not just coding , this is art !!

[@nicolascossio5961]

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

[@thesouthsidedev1812]

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

[@devaslife]

Wow, good job!

[@robertsilver1296]

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!

[@milesnordwall]

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!

[@rux-eth]

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

[@devaslife]

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]

i love you

[@darkronier5565]

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]

maybe you should update the wensite

[@denniszenanywhere]

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]

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.

[@legacyfgs]

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.

[@k3d4rcodes45]

LOVE THIS Always waiting for your uploads

[@nicolekho7791]

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

[@personalGoogle]

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

[@lucifertrails]

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

[@laundrin7061]

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

[@2p2hong]

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]

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

[@phamngocangkhoa1394]

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

[@slinkyyy4856]

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.

[@jaikoo]

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

[@narayanbhat3279]

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

[@kahiggz]

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 !

[@mrr5183]

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

[@andizumko8860]

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

[@ponderatulify]

the craftsmanship in this is inspiring

[@boface]

You are my favorite developer in the entire world !!

[@thebavarian6181]

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.

[@semtristan839]

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!

[@octavian3033]

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

[@rohminv]

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]

Comed with practice

[@Quynn-Oneal]

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]

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

[@ziondonij]

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

[@fxmdr82]

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

[@hasi1187]

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.

[@sx1031]

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

[@bimalinc6230]

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

[@jonathansilva3364]

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

[@mrousavy]

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

[@devaslife]

Glad you like it, Marc😆

[@MatiasBaldanza]

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

[@derjansan9564]

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

[@Lisa-rd3wt]

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

[@sabinhogui]

Congratulations, your video quality is always awesome

[@EduardoBarros13]

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

[@Alkik0]

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

[@jurgentreep]

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

[@typ0_cratz]

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

[@robert6315]

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

[@pjguitar15]

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

[@aprilx]

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

[@fuzzybuddy4457]

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

[@Cientificosdelsoftware]

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]

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

[@JhonAgapito]

This... this is a work of art!

[@zyleo6366]

I just enjoy watching your videos, thanks, Takuya.

[@alfredoprog]

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

[@jspnser]

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

[@Cheatdeath92]

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

[@johnnylancer9441]

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.

[@soumao1111]

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

[@rossli8621]

So far, this is the only programmer on KZbin with STYLE

[@harryissac4910]

This channel deserves more subscribers ngl

[@xanax250mg]

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

[@universecode1101]

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

[@enzo8076]

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

[@ugmugm3938]

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

[@aymendezign]

Your content is so good that I started my own KZbin channel inspired from your content!

[@MsHenxo]

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

[@hamdaniash-siddiq5021]

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

[@hasifzulkifli5416]

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

[@thien9705]

Outstanding content! Thank you so much Takuya!

[@raccoonteachesyou]

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

[@ooogabooga5111]

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

[@paul_tee]

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

[@brachysm]

It's soooooooo nice to code in nature!!

[@brachysm]

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]

I also wanna know

[@eschock4386]

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

[@eschock4386]

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]

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

There is a way to tweak the opacity of softwares.

[@user-ieffc]

めちゃくちゃイケてる こんなイケてるプログラミング動画見た事ないぜ

[@jonmultimedia]

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

[@dalyryl]

first! been waiting for another vid!

[@isaoramon8232]

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

[@nguyentuenhan179]

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

[@promus2]

I just love your channel, thanks for making good content!!

[@DarkCloud0000]

Congratulations 100K 🌸

[@kenyahayashi7837]

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

[@subhankarroy8027]

This is called a real developer. Hats off

[@fa9eelh]

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

[@Alan-jv5fq]

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