The perfect Neovim setup for Next.js (it's back)

[@dreamsofcode]

To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/DreamsofCode/ . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

[@sarthaksharma9656]

how can i set prettierd to 4 space indenting

[@dreamsofcode]

@@sarthaksharma9656 you can set a .pretterierrc file in your project directory to configure the formatting preferences! There's some details in the prettier docs. Hope that helps

[@sarthaksharma9656]

@@dreamsofcode isn't there a way to do this globally on all the projects and files

[@iammac5813]

Hello @dreamsofcode Could you please make a video on How to install and setup NvChadv2.5 as the author changed it to be used as a plugin and documentation is confusing for beginner . thank you in advance if you will kindly consider my request or if you can just post your config with NVCHADv2.5 with full ide feature that would be more than enough

[@pablodiaz9058]

As suggested in the video, I'd love to have a web development setup video!!!! Great content btw!!!!

[@conarius13]

A few things for tailwindcss: 1. Rustywind. It is a formatter for tailwind classes, so even your tailwind classes get formatted nicely 2. tailwindcss-cmp-colorizer It's great tool where you have the colorizer stuff for all the tailwind classes you use so you always know what color you just chose

[@a_maxed_out_handle_of_30_chars]

this :)

[@LexicalNoScope]

I just wrote a plugin which runs Rustywind cli commands from within neovim, and it also runs --write (sort tailwind classes) on save of jsx, tsx ,etc. filetypes. It is working now, however, this is the first neovim plugin I have written while still being new to neovim at that. I will post the repo when I get a few kinks worked out.

[@darthvader4899]

how can I initialize tailwind-cmp-colorizer with cmp after installing the plugin?

[@stanwiek]

@@LexicalNoScope do you have it?

[@iatomic_1]

@@LexicalNoScope Is it ready now?

[@rev4324]

It’s important to note that this will work really well with a large number of JS/TS projects/frameworks, not just with Next! Great video, as always

[@guitaripod]

I have zero intention of using Next.js, but I love watching these videos. They're so well made

[@RuiAndrada]

Wow, me too!!!

[@angelenriquechavezponce1629]

Im kinda new to the whole Vim/Nvim world so all of these videos work wonders to make it more manageable for all of us. Thanks!

[@dreamsofcode]

NVChad has had some breaking changes since this video! It's recommended to using the v2.0 branch instead for this video. I'll be doing an updated version of this video again soon!. git clone -b v2.0 github.com/NvChad/NvChad ~/.config/nvim --depth 1

[@TheHegi]

This should be in the description or a pinned comment. I have been going nuts for 2h straight for apparently no reason... Thanks for the update though!

[@dreamsofcode]

@@TheHegiApologies! I can't pin a comment on this video but I missed the description on this video! Should be sorted now.

[@TheHegi]

No big deal. Pretty amazing content though! Might I recommend a video about dotfiles and how you organize your configuration for everything? (I am using git with a bunch of submodules where applicable. Like nvchad or nvm. Assuming you are doing something similar) You were able to show quite a few tips so far about tmux and vim. This could tie them together, I think. :)

[@pnel]

Ermegerd - please make an updated version ❤

[@siduck_og]

at the end of the video, opts can also be a table and it'd merge with the main table. opts = { ensure_installed = { "lua", "javascript", "tsx" }, }

[@abhijeetpundkar4348]

hey any idea why the icons are not visible on mine

[@ericzedd]

you need nerd fonts @@abhijeetpundkar4348

[@siduck_og]

@@abhijeetpundkar4348 nerdfonts must be enabled in your terminal

[@Redyf]

I starting searching for a setup 2 days ago, thank you for making this video dreams!

[@Mainmenify]

Using NvChad as a base is such a nice introduction to NeoVim! Some tips: - you don't need to import the default NvChad config of TS. Just set the "opt" table and NvChad will override where necessary - you can just set `config = true` if you do want to leave the setup as is. Otherwise, you can again just pass the config through the "opts" table. I use the callback only for splitting the plugin's configuration into its standalone file and importing it - lazy load, lazy load, lazy load! (see keys, cmd, event)

[@dreamsofcode]

These are some great tips! Thanks for sharing them.

[@LeFede]

+1 to web dev setup thanks again!

[@A.Dalton]

i wasn't sure which editor will i choose emacs or neovim but because of your content i decided to go Neovim, Thanks :)

[@lorili6885]

OMG it's scary!! Why do you always know what I'm working on?? Man, love your channel

[@dreamsofcode]

Sounds like you're working on the same thing I am as well 😅. Thank you!

[@stevenrodriguez2882]

Thank you for the work that you do

[@Deus-lo-Vuilt]

wow , thank you very much , I was just looking for this kind of videos to be able to set it up and use it in Next

[@cristophergutierrez6241]

How can I program when my eyes hurts? I try to program for 30 minutes but I can’t, it’s awful and the doctor’s not offering any solution.

[@rando521]

bro get help dont try programming rn id say go to another doctor

[@tears_falling]

stop looking at screens, go to another doctor

[@AbhiShake-pl3cf]

Mine too, but i enjoy it. When i code (ofc, look at screen), my eyes hurt. When i dont for some hours, my head aches

[@jitxhere]

visit some different doctor fam... also try looking to some distance after like 20 mins... There are some rule or something

[@AbhiShake-pl3cf]

@@jitxhere ah yes, theres also a tool (its in linux, not sure if its in windows) that auto locks screen for 20 seconds every 20 mins and tells you to look far, close eyes and so on

[@kirthevasenk4164]

Since web development is growing fast.. I need a video on it indeed..And I am looking forward for sveltekit using with nvim

[@ChrisHaupt]

Tried watching Tj Devries vids to get going but I think he just doesn't understand the needs of a learner. really appreciate your style and how much work you put into these vids 🙏

[@dreamsofcode]

I appreciate that! I'm going to be doing a more focused neovim video soon looking at each line of config, specifically aimed at beginners! I've definitely had my own questions about Neovim when configuring it and sometimes it's a little too fast.

[@darthvader4899]

Awesome video. Thanks for the setup. Could you please show us how to setup tailwind-colorizer-cmp as well?

[@dreamsofcode]

Absolutely, I'll add a ticket for a tailwindcss dedicated video with some other plugins.

[@darthvader4899]

@@dreamsofcode Thanks a lot. By the way, is there way to make diagnostic messages more usable. They are always off the screen and I cannot read them.

[@reandov]

Great video! I was waiting for a configuration designed to be used with NextJS. Thanks a lot!

[@dreamsofcode]

You're very welcome!

[@darthvader4899]

how can I initialize a plugin with alrady built-in cmp of the NvChad?

[@dreamsofcode]

You should be able to add it to the plugins table and just import the existing config. Similar to how I do it with the lspconfig!

[@iAmTheWagon]

Yes I absolutely would. Please and thank you.

[@oussamasethoum1665]

Can you do a config to work with sveltekit?

[@dreamsofcode]

Absolutely! I shall add it to be backlog.

[@oussamasethoum1665]

@@dreamsofcode Thank you

[@knnmran]

thank you for introducing me to NvChad!

[@dreamsofcode]

It's a really great base config!

[@liamwinterton7370]

Can't get the typescript language server to install :( I feel like the config that I'm writing just isn't being recognized whatsoever. The directory structure is different to the one you got when you installed and it's driving me crazy. I really want to learn how to develop on linux but fuck me everything is so overly complicated.

[@TITAN9389]

Thanks for the config, but I'm having problem now the previous video of (nvim rust) the autocomplete is no longer working, please can you provide a full config repo that includes JS / TS + Rust + Go that works all together ? Thank you P.S ( I think I've found an issue with hrsh7th/nvim-cmp plugin, after disabling it the autocomplete is working now)

[@majvax]

Do you plan on doing a nvchzd setup for note taking with maybe a latex integration ?

[@djbessel]

I did a lot of this in NvChad, but I hit a roadblock trying to set up DAP for debugging my node applications. This caused me to switch from NvChad to LazyVim, which has some convenient "extras" defined that make setting it up easier. I would still be interested in seeing how this is done in an NvChad setup.

[@anakinsonone]

@dreamsofcode has a node setup video as well. You might find it helpful.

[@carlhandy]

This came in clutch as I just made the switch from IntelliJ to Neovim

[@AdrianAyala]

@dreamsofcode Wait....wait....I am so lost! At the 13:36 mark Why did we delete everything we just inputted in our plugs.lua file?

[@AdrianAyala]

NEVERMIND! I am dumb; I did not notice the numbered lines.

[@ricksanchez207]

awesome vid! does this setup autocompeltes/suggest components props? thanks!

[@shahsolaymansinha]

Thanks a lot brother!

[@voi__wood5508]

will there be a simillar tutorial for vue/nuxt?

[@kushalmondal618]

No way I'm Gonna Miss the Comment Section.... Recently I was trying to making nvim my primary editor after a lot of years of VSCode, but as now i can pretty much do 95% work with my KB only, I was sure to jump into Nvim, but its not that easy to actually setup and get the feel of that proper environment out of it at first, configuration was a must, then i came along with your channel and following you i have set up the next js dev env... thanks a lot ,,, and Please make a video for wev development configuration........

[@dreamsofcode]

Are they getting rid of the comment section?? 😭

[@kushalmondal618]

@@dreamsofcode My Fault ,,,, Should have said "No way I'm Gonna Miss to comment to you for asking a config of Nvim for Full-Setup Web Development " ✨✨As you said to comment if anyone want that, 😇😇😇.......Sorry English is Not my Native,🤒🤒 ...........But again Thanks to you .......That was some Easy Yet Powerful Config🚀🚀🚀

[@IkraamDev]

Which laptop is best for software engineering if you’re not using MacOS? I’m getting an itch to use Linux again.

[@RmNrIHRoZSBDQ1AK]

if EU, check Tuxedo Computers, if US, System76

[@LeFede]

is there a way to set a keybinding for turning on/off autosave?

[@kamillaskowski4872]

And how about the debugger? I've been trying to configure the js-debug-adapter, nvim-dap to work with the launch.json provided in the Next.js documentation. Unfortunately, nothing seems to work. It connects to the debugger, but it doesn't stop at a specific breakpoint or displays a message that the adapter is slow. I have no idea how to configure it to make it work. Similarly, in other JS frameworks.

[@dreamsofcode]

I have a debugger in my node.js configuration which may work for Next.js. Although I expect it will only work for server side. It might run into the same issues you're experiencing, however. If you have discord, it'd be great to connect there and find out more!

[@raediantz3192]

I'm a little late to the party but I've been binging your videos all night to get a nice NvChad setup for my usual languages/stacks, Next included. It's going great! The only language I had trouble with was Elixir, but I got that up and running eventually. The only thing left is finding a plugin for Embedded Elixir that auto closes tags for eex/heex files. Do you have any plans to make more elixir content? Would love to see how you would setup NvChad for Pheonix.

[@vimalathithand917]

Great video! yea a dedicated video explaining neovim setup for web dev would be awsome! And is there a possibility of using Jupiter notebook in neovim too?I'm starting to learn ml😅

[@darthvader4899]

Can you also have colors in tailwindcss as well?

[@tabotkevin8116]

Which arch distro are you using?

[@youdontknowme2508]

Arch or arch based since he's using Pacman

[@tabotkevin8116]

@@youdontknowme2508 sorry I was trying to ask the exact Arch distro.

[@hitarthpatel]

its just bare bones arch linux it self @@tabotkevin8116

[@Redyf]

Probably vanilla arch linux

[@rodrigomelo8834]

What's your zsh theme?

[@cassiorsfreitas]

"Spawning language server with cmd: `vscode-eslint-language-server` failed. The language server is either not installed, missing from PATH, or not executable."

[@shahram099]

@cassiorsfreitas Same issue here but with vscode-css-language-server. Did you ever figure out how to fix it?

[@alejandroubeto2287]

Sorry but, is there an option to save a file without formatting?

[@stevenrodriguez2882]

would you be able to setup a Clojure environment with repl functionality?!

[@rjanik2588]

Can you use Emmet with jsx?

[@solaaar3]

i don't understand why you import and call the file nulls_ls while you are using none-ls?

[@dreamsofcode]

None-ls is a drop in replacement for null-ls, so the file imports stay the same. If you check out their documentation, it should explain more!

[@gunnartjensvold9715]

Will you do one for the ultimate setup for Vue.js?

[@mohdarafathossain7852]

Thank you!

[@mouloudhasrane3412]

I did evetything but the autot Import is not working

[@ayushtripathi4514]

could you please make a video on how to setup normal CSS autocompletion?

[@hazeion]

I could have sworn the Mason app showed the languange server names.. the "tsserver" rather than the whole typescript-language-server name. Now its not doing that.. I wonder what changed.

[@youzdaki]

Can components or libraries from different folders within the project be automatically imported?

[@hindustaniyodha9023]

Tailwindcss LSP never work even when it is loaded IDK why. I have tried installing using lazy by editing the plugins config and using Mason. when I do LspLog it is never attached.

[@siduck_og]

ask in nvchad server

[@A.Dalton]

yeah, continue with the webdev setups

[@bibekjha5628]

Loved your video.

[@yashrajjaiswal9941]

I have tried the same config provided but when ever I open any project with nvim the first file I open is not highlighted , it is just shown as plain text, the next files I open are formatted properly. Does anyone know how can I fix this issue

[@heismyke]

:MasonInstallAll doesnt install anything what do i do ?

[@gtavextreme40]

nvim setup for rails development?

[@albert21994]

more webdev setups please! :D

[@owofied]

What desktop manager is that? Because it looks like KDE Plasma but I'm not sure

[@yagee]

Does anyone have working config for Astro? Unfortunately can't make it format on save

[@newbiedb]

I cannot setup debugger for nextjs fullstack app with neovim

[@code-island]

I had to install vscode-langservers-extracted, after add cssls, is it right? how to install it as code, instead of using npm?

[@indrajitsarkar3169]

i just moved to vscode with neovim extension, it's been great, the fatigue of maintaining plugins is real

[@elkingblob]

please make one for c#

[@francksgenlecroyant]

Thank You Men, You Cool, I got convinced to just subscribe to the channel, make one for java dev env.

[@lintaoamons5712]

please do a debug set-up video

[@roopaish]

This video made me use nvim finally, after trying so hard. Don't know why formatting says no lsp is found.

[@ongayijohnian8787]

Mahn, please do the dadbod plugins for NvChad

[@DevDhyGolang]

Doesn't work on Android device. 😢

[@PaulPandi69420]

Yes we need dedicated web dev setup with react nextjs and all the ergonomics that come with vscode...

[@yjjack447]

want to see perfect nvim setup for vue and Nuxt!!

[@markgagnon28]

Make one for angular please

[@haroldmanzano1406]

thanks a lot for the vid, the only thing I can't get to work is the formatting

[@meandyoucoding]

yes. do a dedicated web development setup. 🙏🙏🙏🙏🙏🙏

[@xiiniius2716]

Please give as a powerfull setup for web development with the new nvchad file structure . Thank you

[@soulofangel1990]

that's amazing, could you please do Neovim for Java?

[@pv3201]

Anyone able to get nextJS working with dap in nvim for server-side debugging? I'm able to attach but breakpoints aren't pausing execution.

[@SayfSentinel]

hey, live the video, Could you PLEASE make a video about setting neovim for php/ wordpress and laravel please? There is NO video setting this up which is a but frustrating.

[@dreamsofcode]

Absolutely! I'll add it on to my list.

[@sylarfx]

Hey, another great video, love this tutorial series of neovim language setups. Could you make also one tutorial for remote machine execution like VSCode has? Keep it up!

[@dreamsofcode]

I shall add it to the backlog! Thank you for the feedback

[@Gilded30]

i have zero intention of using next (instead i prefer to use vite with react and try to do some basic projects) but i hope this setup also works (if not i can still use vscode but want to try to do the nvchad way)

[@sympijs]

Now how to resolve git conflicts in neovim? 🙏we need a video! :)

[@devilevil3212]

hey, total noob here, i really like ur terminal style. can u share ur config file give some some more details like themes fonts and other stuff. and ur videos are one of the bests!

[@codingdestro]

sir create on flutter development setup for neovim please please please

[@dreamsofcode]

Added to the backlog!

[@WhyHaya]

hey can you make for c

[@ongayijohnian8787]

I love nvim more on more everyday beacuse of this channel, videos are fun and exclusive Please do one for the DADBOD pack in NvChad, pretty please 🥺

[@joeljededemekong5628]

what desktop environment do you use?

[@Redyf]

He's using gnome for recording

[@ivar9125]

And what software to edit the video? I am stunned by how well crafted these videos are. I’d love to be able to create videos half as good as these for work but have no idea as where to start

[@klyuk88]

Hello, man, awesome videos! Please record same tutorial for Vue 3 project. Thanks.

[@prashlovessamosa]

hey buddy can you please remake this with lazyvim and one small request please do make one for java please.

[@DioArsya]

damn this is very interesting

[@amankumbhalwar]

no custom file found in new chad git repo

[@dreamsofcode]

Make sure to use the v2.0 branch! The description should have it.

[@amankumbhalwar]

@@dreamsofcode not working I tried which u mention in description

[@amankumbhalwar]

@@dreamsofcode can u please give config file in git

[@adityagautam4689]

try pragmasevka nerd font

[@NishanSingh-io4zh]

Hi Elliott, I really like your Videos and the way you teach. I've been learning Vim and lua since a while now. Your videos helped me get a better experience or in other words made it less painful. Thank you very much. I am doing Angular right and would really love, if could you please make a video about its configuration. I know, not so many likes Angular but it would be great, if you can make a video. I spent whole evening figuring out, how to get the server up and running, but failed quite a few times now. Not too many resources out there to get some help :(

[@gitanshusankhla2261]

hey @dreamsofcode your video are awesome and very easy to understand, but could you make a tutorial on "setup neovim for arduino". please it will be really helpful.

[@EnricoFiasco-pz3yo]

nvchad updated to 2.5 and it kinda sucks :/

[@dreamsofcode]

Yeah, :(. You can still use the 2.0 branch for the mean time, however. I'm going to be redoing these videos again over the next few months!

[@ZwCode]

When are we getting the 2025, more web-developer setup 😉

[@Mempler]

Man, i also use arch *btw*!

[@siduck_og]

cool

[@codedusting]

The problem with vim setups is that every single person has it's own way of writing the configuration which is downright confusing. Lol

[@dreamsofcode]

It's true! That's why I tend to use NVChad which is rather consistent. You can check the docs out and see it's similar to how I do it.

[@codedusting]

@@dreamsofcode will check