Рет қаралды 10,473
This is part 1 of building out my dev blog for coding & workflow related topics. I'm using Neovim, SvelteKit, Typescript, Tailwindcss and Markdown for this project. Hope you enjoy it!
💻 Code: github.com/josean-dev/sveltek...
🚀 My Dot Files: github.com/josean-dev/dev-env...
✍🏽 Live blog site: josean.com
Help Support Me And The Channel: www.buymeacoffee.com/joseanma... 🙏🏽
⏰ Timestamps
00:00 - Introduction
00:55 - Creating Project
01:21 - Initializing Repo
01:37 - Installing Dependencies
02:08 - typescript-svelte-plugin
02:36 - Start dev server
02:59 - Setup tailwindcss
04:19 - Navbar
05:20 - Logo SVG
06:37 - KZbin & Github Links
10:31 - Darkmode button
20:56 - Darkmode button animation
23:40 - Markdown posts & images
24:26 - Render markdown with mdsvex
28:47 - Style markdown with @tailwindcss/typography
31:03 - Code syntax highlighting
32:15 - Copy code button
40:41 - Post header with frontmatter metadata
47:18 - Conclusion
📧 Email for business inquiries: youtube@josean.com
--------------------------------------------------------------------------------
🖥️ My Desk Setup:
💻 Computer & Monitor
Apple 27” Studio Display for Coding & Video Editing: amzn.to/47YzRZt
2021 M1 Pro Macbook Pro (mine): amzn.to/47XNhoC
2023 M2 Pro Macbook Pro (newest): amzn.to/3qYHG0J
🖱️ Mouse
Apple Trackpad: amzn.to/45P0i1S
Logitech MX Master 3s Mouse: amzn.to/3Z3bXIq
⌨️ Keyboard
Cherry Corne Version 3 Kit: bit.ly/3UJgrjH
Analyst Keyboard Case: bit.ly/3uyjIHQ
Nice!Nano Microcontrollers: bit.ly/3FblL9L
Gateron Ink Black V2 Switches: amzn.to/3YZ3cz9
Batteries for Nice!Nanos: bit.ly/3uBmtrS
Travel Case (Fits Analyst Corne Case): bit.ly/3Hmr7BR
Gateron Ink Black V2 Switches: bit.ly/3VJToX4
My Keycaps: bit.ly/3uHBbgV
Blank PBT Keycaps: bit.ly/3UJhgJ6 or amzn.to/3UNQtLQ
Planck PBT Keycap Set: amzn.to/3HopRhC
You can also find some pre-built options and DIY kits on Etsy: www.etsy.com/search?q=corne
🎧 Headphones
Sony WH-1000XM4 Headphones: amzn.to/3sEJU65
----------------------------------
🎬 My Video Gear:
📹 Camera
My Fuji xt3 Camera (only available used): amzn.to/3P4P1E7
Recommended Cameras:
Fuji xt5 (newest): amzn.to/3P0jMtK
Fuji xt4 (used): amzn.to/3EmeUdt
Fuji 23mm f2 Lens (great for video in smaller spaces): amzn.to/3L2L6pV
Camera Field Monitor: amzn.to/3L2nrpW
🎙️ Audio
Rode VideoMic Pro+: amzn.to/45PecRC
Overhead Camera/Mic Arm: amzn.to/45y8Ryl
💡 Lighting
Aputure Amaran 100d Keylight: amzn.to/47T4Y97
Aputure Light Dome Mini II Softbox: amzn.to/3EstpMM
Aputure Amaran Small RGB Light: amzn.to/3Pl6RnG
IVISII Bright RGB Light: amzn.to/3EmfsA3
---------------------------------------------------------------------------------------------
Links used in the description may be affiliate links. By clicking and/or purchasing from these affiliate links I receive a small commission (at no cost to you). This really helps me out in funding my videos and growing my channel, thank you for the support!