![Christopher Kapic](/img/default-banner.jpg)
- Видео 25
- Просмотров 157 440
Christopher Kapic
Добавлен 15 сен 2017
Uploading videos I feel like uploading, usually about technology (including open source, web development, devops, or whatever).
Typesafe Server Actions with react-ts-form in NextJS 13.4 (zact)
Example repo: github.com/christopher-kapic/typesafe-server-action-forms-example
react-ts-form: react-ts-form.com/
zact: github.com/pingdotgg/zact
Github: github.com/christopher-kapic
Twitter: kapicode
If you want me to develop something for you, reach out at christopherkapic at gmail dot com.
react-ts-form: react-ts-form.com/
zact: github.com/pingdotgg/zact
Github: github.com/christopher-kapic
Twitter: kapicode
If you want me to develop something for you, reach out at christopherkapic at gmail dot com.
Просмотров: 355
Видео
VSCode to LunarVim
Просмотров 34 тыс.Год назад
Leave a comment if there's a neat trick that I left out! Twitter: kapicode Github: github.com/christopher-kapic Blog: christopherkapic.com Dev.to: dev.to/christopherkapic Medium: medium.com/@christopherkapic
Dropdown Mobile Navbar with NO JavaScript
Просмотров 179Год назад
Just a quick video to show how I created a dropdown mobile navbar with no JavaScript
Custom image optimization and lazy loading with blurhash
Просмотров 2,9 тыс.Год назад
An overview of my new Astro template's default image optimization routes and Svelte image component using blurhash. Astro Blanding (the template): github.com/christopher-kapic/astro-blanding Blurhash: blurha.sh/ CoderOne's blurhash tutorial: ruclips.net/video/8viWcH5bUE4/видео.html (tell him I sent you) Image transformations using Sharp (blog post from which I learned about sharp): monoppa.com/...
Use CSS Grid to Upgrade Your UI (brief)
Просмотров 62Год назад
This is just a brief demo of how using a CSS grid can add consistency to your website. Twitter: kapicode Github: github.com/christopher-kapic Blog: christopherkapic.com Dev.to: dev.to/christopherkapic Medium: medium.com/@christopherkapic
Republish your Developer Blog to Medium and Dev.to with this template.
Просмотров 723Год назад
Follow me on Twitter: kapicode I recently created a blog template. Check it out here: Blog post (deployment instructions): astro-devblog.netlify.app/article/how-to-use-astro-devblog Github repo: github.com/christopher-kapic/astro-devblog Follow me on Github: github.com/christopher-kapic Check out my new blog! christopherkapic.com
How to automatically backup Postgres on CapRover (bad audio)
Просмотров 7382 года назад
Sorry for the bad audio/video. Hopefully some of you can get past that and find some value in how to backup your databases. Please leave a comment if you have any troubles figuring everything out. github.com/christopher-kapic/pg_capup Thanks for watching!
Testing CapRover One-Click Apps
Просмотров 2,7 тыс.2 года назад
Testing the Supabase one-click app for CapRover Even though I wasn't successful in getting this to work correctly, I hope the process shows what to do and perhaps encourages some people to get involved with CapRover. It is genuinely an awesome tool for developers and self-hosters alike. Follow me on Github: github.com/christopher-kapic Check out my website: kapic.io/
My MacBook Setup
Просмотров 4972 года назад
See how I setup a new installation of MacOS Catalina Follow me on Github: github.com/christopher-kapic Check out my website: kapic.io/
My SaaS Webapp is in Beta!
Просмотров 2142 года назад
Forgive the quality of this video; I simply wanted to announce that you can ~technically~ use my website in beta. In order to get an account, use the test Stripe card (4242 4242 4242 4242) with any 3-digit CVC and an expiration date sometime in the future. Please let me know if you have any feedback or feature requests! If you'd like, you can email me with said feedback at christopherkapic@gmai...
How I Make a Profile Picture
Просмотров 1812 года назад
Just a quick, low effort, late night demonstration.
Minor Website Progress Update
Просмотров 702 года назад
I just hit a small milestone for my WIP SaaS web application. For more details, subscribe I will definitely be putting together a more thorough explanation in the near future. Consider giving the repo a star on GitHub and follow me while you're there: github.com/christopher-kapic/tickertab-saas
The Best Stack for Freelance Web Developers
Просмотров 1,6 тыс.2 года назад
NextJS and Supabase make my developer experience really simple. Let me know what your thoughts on the stack are in the comments below! DigitalOcean Referral Link: m.do.co/c/58f36877a0c2 Vultr Referral Link: www.vultr.com/?ref=8752906 Github: github.com/christopher-kapic Blog: blog.kapic.io Mastodon: mastodon.kapic.io/@christopher
Deploy SuperTokens-Core to CapRover
Просмотров 1,3 тыс.2 года назад
My One-Click App Repo: github.com/christopher-kapic/kapic-caprover-apps SuperTokens: supertokens.io CapRover: caprover.com DigitalOcean Referral Link: m.do.co/c/58f36877a0c2 Vultr Referral Link: www.vultr.com/?ref=8752906 Github: github.com/christopher-kapic Blog: blog.kapic.io Mastodon: mastodon.kapic.io/@christopher
MongoDB Serverless vs Cloud Firestore Pricing
Просмотров 4,3 тыс.2 года назад
MongoDB Serverless vs Cloud Firestore Pricing
LiveCoding: Creating a React Stock Graph (Part 1)
Просмотров 2142 года назад
LiveCoding: Creating a React Stock Graph (Part 1)
Destack - Free, Open Source, and "No Code" Landing Page Builder
Просмотров 2,6 тыс.2 года назад
Destack - Free, Open Source, and "No Code" Landing Page Builder
8 Authentication Services to Consider for your next Application
Просмотров 8572 года назад
8 Authentication Services to Consider for your next Application
Methods for Caching Netlify Functions
Просмотров 4563 года назад
Methods for Caching Netlify Functions
VSCode with less Microsoft | VSCodium
Просмотров 6 тыс.3 года назад
VSCode with less Microsoft | VSCodium
Getting Started with MathJax to Render LaTeX in 80 Seconds
Просмотров 16 тыс.3 года назад
Getting Started with MathJax to Render LaTeX in 80 Seconds
How to host your own Mastodon server with an S3 bucket (Read Description)
Просмотров 3,2 тыс.3 года назад
How to host your own Mastodon server with an S3 bucket (Read Description)
Why I am (at least, temporarily) switching to Yabai
Просмотров 18 тыс.3 года назад
Why I am (at least, temporarily) switching to Yabai
Magnet vs. Amethyst - MacOS Window Managers
Просмотров 60 тыс.3 года назад
Magnet vs. Amethyst - MacOS Window Managers
Probably the absolute worst math related website to exist
Great video! I am currently on a similar journey as yours, started of with the vscode vim extension. Started using vim motions. Now trying to switch to neovim.
Thanks! I'm in the same spot, kinda wanna switch, but kinda don't think it would be easy. xD
FINALLY, a no-nonsense tutorial showing you what you actually need legend, mate I too am tired of the vim keybindings in vscode, they're just too flaky
Nice vid - Allocate even numbers to workspaces on your main monitor, odd to the secondary if you dual screen - you'll know where to look as you click. If you're already a gamer with no Vim experience, consider WASD remap for arrows and use the right hand for Shift and Control keys (+ it frees up K for Kill) - you'll be blistering fast in a day. Select the TWM for workflow not real estate. If you're in the business to earn, you'll be cross platform, portable muscle memory matters - i3 (Linux), GlazeWM (Windows) and Magnet with keyboard shortcuts works for me, YabAI is cool but SIP (System Integrity Protection) deprecation is a hassle. Look out for old guys on EMACS, they're cranky but like Chuck Norris on crack with workflow.
Wau thanks! i will implement on my 2 projects
I love lunarvim because it helped me get productive with neovim very quickly when I didn't know much about it in the beginning. I then built my config on top of it, which worked very well I must say. Imho it's perfect for neovim beginners who want to get things going fast, and learn it while using it, as opposed to spending so much time upfront configuring it.
How did you make your terminal like that on mac ?
It's Alacritty with a custom .zshrc file. You can find my current dotfiles here: github.com/christopher-kapic/dotfiles
Thanks @@christopherkapic
Of course!@@manee427
can you do new do video for now as pricing has changed
Thank you so much! This solved my issue.
Ctrl-W W also works to switch from window to window, which also works when you want to move from the file explorer back to your file. I didn't know that Ctrl-L also worked.
how could MathJax be integrated into Python by using streamlit to display LaTex stored in a separate spreadsheet (e.g. Excel) as mathematical expressions in a web application?
Thank you very helpful
I just like u, will mostly code inside lunarvim, then I have vscode for somethings I can't do in lunarvim yet or have not had the time to find how they work, then I use intellij idea for git hihihihih.
I am like you.
do you still use LunarVim or did you switch back to vsCode, and if you did switch back what was the reason?
I still use LunarVim for 95% of my needs. Occasionally I use VSCode for tasks, mostly when I need to use devcontainers.
really appreciate man! super calming voice hahah
Great video, but I just thought I'd point out KaTeX as well. It's a newer project created originally for Khan Academy, and it's essentially a MathJax alternative that is worlds faster than MathJax.
Hey man cool video is awesome Lunarvim :D a good alternative to vscode or like a IDE/editor code secondary. Can you share your lunarvim config ? , regards!
i think its easier to move between tabs with Shift+H/L rather than Space+b+n/p
This is exactly what I’ve been searching for. I love the bum plug-in for vscode, but I want to move to the full native vim experience. This made it accessible
ru still using lunarvim or went back to vscode
both, almost exactly 50/50
🔥🔥🔥🔥
alacritty (or kitty) + tmux (with tmuxifier) + neovim (with any flavour Lunar, NvChad ...) combinaton is far far greater than vscode
Tbh I see the value in both. I often switch back and forth for various things.
I’ve been using nvim for about a month. Although it isn’t easy to set up, especially on windows, i got it working. And i even have a repo where i keep my config folder. When I’m on the go, i take my MacBook and so i clone my repo and got the same set up there as well. I often find myself missing functionality from vscode (like rename, search replace, etc) and would have to go looking for answers. I don’t mind it, it’s fun actually. BUT, now I have found a problem with seemingly no solution in sight. I’m writing a project in SvelteKit and need to have parentheses in a dir name. On windows, all the files within that folder show up blank. I googled this and found a few answers saying this is a problem with vim on windows. If anyone has an answer, plz let me know. I really want to love nvim but these edge cases are becoming deal breakers.
Your firebase chart is off, there no unlisted auth for 25/month
7:58 just as a recommendation, i love the nvim-pack/nvim-spectre plugin for search and replace functionality
Zu viel englisch. Nichts für User, die mit Englisch nicht so klarkommen, dann doch lieber weiter mit yunohost
i want your starter project code plese help me !@!
Nice video, I've been using NeoVim for a while. But I do not use LunarVim, I've set it up all myself, so I could configure key mappings and I have the plugins I wanted. It's a pain to set it up completely, but at the end you have a very custom setup. LunarVim is great to start if you want a neovim setup fast, but you don't know what it has under the hood.
You can see what's under the hood, install plugins you want or customise the way you want it.
Take my money 😊
Is it possible to writh mathmatical relations with hindu-arabic numbers with MathJax?
Oh come on, this does not have a bad audio as per se. I would not call it fantastic but I will not call it bad either. Also, thank you!!!!
try space + s + t for a live grep search
why not just use emacs with evil binding?
there is neovim plugin for vsocde which I've been using instead of VSCodeVim extension. Power of both worlds
My reason for sticking with vscode is because vscode has the ability of a workspace, which is severely lacking in Neovim, IMO Though I can recommend WezTerm, if you prefer the native ability to split up your window, without using tmux, and use tabs, if you so prefer. Also because Alacritty adds extra lines when I paste a block of text :(
What are workspaces used for?
@@robertluong3024 for example if I am a c devolopers and i do front end Javascript as a hobby i can have 2 workspaces one for rust the other for Js and i can make a new project set the workspace to the work i will be doing and the keyboard binding or settings and activated and disabled extentions will be saved in a json file
:%s/1string/2string/g would search and replace each occurrence of 1string to 2string in normal vim
It’s funny, I’ve been using vim for 5+ years now. I have my own configuration and it’s really cool seeing people want to try out vim. Personally, I can’t actually switch back because I am so used to my own configuration anything else feels unnatural, the same applies for lunarvim. In my opinion you can get a more lightweight and faster felling experience by building your own vim configuration, but something like lunarvim is a great way to start.
to search/replace on all files, search and add them to the quickfixlist (ctrl+q in the live grep telescope windows), and then use `cfdo %s/a/b/g`, and finally `:wall` to save all changes :)
Instead of using tmux, you can create more terminal buffers.. so to open the terminal you use CTL + \ if you use 1 to 9 first you can get more, so 1+CTL+/ will open a new terminal in lunar vim
I had no idea that was a thing, that's sick!
tmux is not just for spliting windows, making new terminals, tmux can hold and save current session even after closing the terminal which leads faster loading and multiple workspaces at same time
I always switch back to GUI because things seem.. faster. Text search is 'Ctrl+Shift+f' instead of 'Space, f, t' and you can easily exclude files. Opening file is 'Ctrl+Shift+p' instead of 'Space, ...'. I guess I could get these in nvim but I dont want to dive the rabbit hole 😅
It's better to use neovim and build your own requirements for an ide than using some other prebuild ide like lunar vim. Leader key slows your workflow when using lunar vim.i have configured the leader key for telescope only.
It's a good starting point to get your feet wet
I spent a month building my own neovim stuff, nah, I'll go with lunarvim and maybe go on top of that I remember when a plugin or something got updated and had to figure that out or when I couldn't get Rust LSP working I'm already needing to get work done, I don't need work on top of it
Jumping from vscode straight into a prebuilt config is not the best way to learn vim. It’s going to come with a lot of bloat you don’t need and won’t fully understand because you didn’t put it together. I would highly suggest rolling with your own configs and pulling from various places. You’re going to know exactly how it works and it will be tailored to your own workflows.
Totally agree. On my first day of nvim, i installed nvimchad and totally regretted it. I did not understand anything. I reverted to building my own config from other creators. (The name is theprimeagen). After a month now, i might try lvim or nvimchad or astrovim
Next: M to F
using vim is not hard, i have used it for a long time for text editing. setting up vim to work as an ide is hard. you have to edit 500 different configurations to get it to work. this cannot work. It needs to be one command that setup everything for your language.
Why lunar vim compared to the other options ? And please stop looking at your keyboard to type on the keys it's killing your speed and flow.
What other options would you have preferred? Curious as I'm new to this stuff
@@macmanuelodumeru3708 neovim
have you had issues with syntax highlight on big files vs vscode I have tried many times to switch to vim, but the performance on large files always kills it for me. Also making a debugger works seems to be a pain in the ass in any config
I think lunarvim uses toggleterm. Toggleterm natively already supports multiple terminals, so you don't need to run tmux in the terminal. Just type any number before the terminal keybind to go to that terminal. So 1<C-\> goes to the first terminal, 2<C-\> goes to the second terminal etc. Super useful!
I end up using tmux because I cannot figure out how to scroll up with PGUP in a pop up terminal. Any idea?
@@mbrav Ah yes, binding something for terminal mode can be a bit tricky because the terminal by default captures almost every key. Try rebinding <PageUp> to <C-\><C-n><PageUp> and it should work (note you'll probably have to escape <C-\> as <C-\\> in the string). I think for lvim specifically, you'd have to set lvim.keys.terminal_mode["<PageUp>"] = "<C-\\><C-n><PageUp>".
@@orbital1337 Nevermind, a simple J and K did the job, can't believe its just a regular vim motion 🤦♂
Nice video. For the search and replace feature I believe that you can achive it with lsp. There is a rename functionality that can be trigger usually with "gr" unless LunarVim has remap it. It doesn't work like vscode's but in most case I think it can do the trick and im 100% sure that LunarVim has the functionality since it uses lspconfig. You may want to check under the +lsp menu I believe <leader>l is for lsp.
I did use lunarVim a year ago, back then, rename was placed at <leader>lr , now with the introduction of plugins like Mason that auto configures your LSP, it's very easy to setup neovim from scratch