์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Isaac Harris-Holt
2024. 7. 28.
Want to use server-side rendering (SSR) to speed up your Lustre apps? Here's how! Previous video: https://youtu.be/3kr4Ydx6GGU Client-side rendering can be great, but it has some downsides when it comes to load times and SEO. This video will show you how to use SSR and hydration in Lustre while keeping your code clean. Check out the code: https://github.com/isaacharrisholt/youtube/tree/main/code/044-lustre-ssr Resources: Lustre: https://lustre.build Wisp: https://github.com/gleam-wisp/wisp html_lustre_converter: https://github.com/lpil/html-lustre-converter __________________________________________ Check out my other socials! ๐ฎ Discord โถ https://discordapp.com/invite/bWrctJ7 ๐ฆ Twitter โถ https://twitter.com/IsaacHarrisHolt ๐ฅ๏ธ Portfolio โถ https://ihh.dev ๐ Blog โถ https://isaacharrisholt.com __________________________________________ Timestamps: 00:00 - Introduction and explanation 00:40 - Lustre's SPA model 02:24 - Rendering our page HTML 05:54 - Hydration 07:31 - Shared logic 08:17 - Deployment #gleam #softwareengineer
Next.js 14 Movie Download Website with Admin Dashboard 2024 | NEXT.JS 14 MERN STACK APP With MongoDB, Next Auth #nextjs14 #mernstack #fullstackwebdevelopment Welcome to our Next.js 14 MERN stack tutorial! In this video, we'll walk you through step-by-step as we build a powerful Movie App with an intuitive Admin Dashboard using Next.js 14. Download Preset (images, components) : https://www.codingwebstudio.com/webpages/next-js-14-fullstack-movie-app-with-admin-dashboard-mongodb/ My website: https://www.codingwebstudio.com/ Download Source Code : https://ko-fi.com/s/37301c0d3a Download Source Code (Paytm, Google Pay, international) : (second way to download full source code) : https://buymeacoffee.com/vbmcoder/e/254587 Instagram: https://www.instagram.com/it.s__venom/ Follow along as we cover everything from setting up your development environment to crafting beautiful UIs and implementing robust backend functionalities. #WebDevelopment #HTMLCSSJavaScript #ResponsiveDesign #CodingTutorial Whether you're a seasoned developer looking to enhance your skills or a beginner eager to dive into web development, this tutorial is perfect for you. Join us as we explore the latest features of Next.js 14 and learn how to create SEO-friendly applications that stand out in today's competitive digital landscape. Don't forget to like, subscribe, and hit the notification bell to stay updated with our latest tutorials! ๐ฉโ๐ป No matter if you're a beginner or an experienced developer, we've got you covered with easy-to-follow steps. Here's what you'll achieve: ๐จ Set Up Your Development Environment ๐จ Craft an Eye-Catching Design ๐ก Add Interactive Features with JavaScript โก Optimize for Lightning-Fast Performance โ๏ธ Implement Essential Movie Features ๐ Boost Visibility with SEO Techniques ๐ Deploy Your Movie for the World to See ๐ Maintain and Expand Your Online Presence Timestemps: 0:08 Preview Movie Website (frontend) 07:22 Preview Admin dashboard (backend) 20:23 Coding start 30:56 MongoDB connection 47:10 Api integration 56:56 Movie component 02:29:29 Backend search query 03:20:42 Google login api 03:36:29 Frontend Code start 04:14:42 Frontend movie api 05:23:55 Movie url page 06:11:05 WelcomeAnimation Keywords: next.js 14 Movie app with admin dashboard 2024, Movie app using next js, admin panel with next js, Movie app with nextjs, Movie app using nextjs, Movie site using next js, Movie app next js, admin dashboard using mern stack, how to use next js, next js Movie app, create next js Movie application, create Movie app with next js, mern stack Movie app, full stack Movie app, next js react js, react js tutorial, next.js next_redirect,next.js application, next.js 14 auth, next.js app router, next.js 14 project, next.js for beginners, next.js nostore,next.js mongodb, next.js server actions, next.js full stack app, next.js rendering, next.js 14, next.js ssr, next.js app, next.js csr, next.js auth, next.js course, next.js project, next.js hydration, next.js seo, next.js tutorial, next.js,next 14, learn next.js, react next.js, mongodb, auth.js, next auth, mern stack Movie app next js, Movie app using next js, next js Movie website, next js Movie website in hindi, next js 13 Movie website, Movie site using next js, next js Movie project, Movie download website using next js, Movie website using nextjs, create Movie website using next js, next js Movie website cms, Movie app using next js, Movie website in next js, next js Movie site, next.js Movie app, Movie website with next js, Movie website with nextjs, next js admin dashboard, nextjs admin dashboard tutorial, nextjs admin dashboard typescript, next js project admin dashboard, react admin dashboard with authentication, nextjs shadcn admin dashboard, nextjs admin dashboard, mern stack Movie website, Movie website using mern stack, simple Movie website using mern stack, movie download site using mern stack, Movie website mern stack, Movie application using mern stack, Movie app mern stack, Movie website lama dev, Movie website using mern, Movie website in mern stack, Movie download website mern stack, Movie downloading website using mern stack, Movie download application using mern, Movie download website with mern stack, Movie download app using mern stack, Movie download website using mern stack, Movie website download in mern stack, Hit that 'Subscribe' button, ring the notification bell, and let's dive into the exciting world of web development together! ๐ปโจ #WebDevelopment #MovieWebsite #HTMLCSSJavaScript #nextjs14 #nextjstutorial #nextjs #nextjs13 #javascript #mernstack #fullstack #moviedownloadapp
2024. 6. 12.
#shorts ๐ EO ๊ธ๋ก๋ฒ ์ฑ๋ ๊ตฌ๋ ํ๊ธฐ ๐๐ป๐๐ป https://bit.ly/3S0Pacc ๐ฝ eo PLANET ๋ด์ค๋ ํฐ ๊ตฌ๋ ํ๊ธฐ ๐๐ป๐๐ป https://bit.ly/3cIKLuL
2024. 8. 22.
#python #programming #shorts
2024. 10. 15.
Live At: https://twitch.tv/ThePrimeagen Wanna Become a Backend Dev & Support me at the SAME TIME??? https://boot.dev/prime
2024. 8. 27.
๋ฐ๋๋ฐ๋ ์ต์ ์ ๋ฐ์ดํธ! ๋ง์นจ๋ด ์๊ฒ๋ ๊ธ๋ก๋ฒ IT ๋๋์ ์ง์ง์ง์ง์ง์ง ์ด์ ๋? #๋ธ๋ฃจ์คํฌ๋ฆฐ #crowdstrike #IT๋๋ - ๐ ์ง์ ๋ง๋ค๋ฉด์ ์ฝ๋ฉ ๋ฐฐ์ฐ๊ธฐ (*๋ฌด๋ฃ*) ๐๐ป https://bit.ly/46W9XVC . ๐ฅ ํ์คํ GPT (2024 ์ต์ ๋ฒ์ ) ๐ฅ https://bit.ly/3VhITwB . ๐ฅ NextJS 14 ์์ํ๊ธฐ (๋ฌด๋ฃ) ๐ฅ https://bit.ly/4cCtQnE . ๐ฅ ๋น๊ทผ๋ง์ผ ํด๋ก ์ฝ๋ฉ (2024 ์ต์ ๋ฒ์ ) ๐ฅ https://bit.ly/4aaaZyK
2024. 7. 28.
๋ผ์ด๋ธ ํ๋ฒ์ https://youtube.com/live/2BBnk966Ptg AI ๋นํธ์ฝ์ธ ํฌ์ ์๋ํ ๋ฌด๋ฃ ๊ฐ์ ๋ณด๋ฌ๊ฐ๊ธฐ https://youtu.be/EOnaOpZy9ew?si=fyglKbkL5QY41RyT ์ค์๊ฐ GPT ํฌ์ ํํฉ ์ง์ผ๋ณด๊ธฐ http://3.35.214.209:8501 โ ์กฐ์ฝ๋ฉ๊ณผ ์ฝ๋ฉ ๊ณต๋ถํ๊ธฐ https://jocoding.net/ ๐ ์กฐ์นด์ - ์๋ง/๋ฒ์ญ/๋๋น AI, ์ฌ์ง AI ๋ฑ https://jocasso.codemafia.io ๐ฐGPT-4o ๊ณ ๊ธ ์์ฑ๋ชจ๋ https://openai.com/index/hello-gpt-4o/ https://x.com/OpenAI/status/1838642444365369814 VVIP ๋ฉค๋ฒ์ญ ํ์ ๋นต์ค์ ์๊ณ ๋ฆฌ์ฆ๋, ๊ทธ๋ฆผ์๊ทธ๋ฆผ์๋, ๋ผ๋ค๋, ์ฐจ๋ฉChading TV๋, prochild๋, turtledayํฐํ๋ฐ์ด๋, AI Beauty Artist๋, eyuri chi๋, ์ ์ง๊ท ๋, ์๋ณด์ฑ๋, Tae hwan Kim๋, ์ฝ๋ก๋ผ๋๋, ์ ์ด์์ค์ฝ๋ฆฌ์๋, TIPICE๋ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. https://www.youtube.com/@jocoding/join #๊ฐ๋ฐ์ #ํ๋ก๊ทธ๋๋จธ #ai #it #๋ด์ค #ai๋ด์ค #it๋ด์ค #์์ #์ ๋ฐ์ดํธ #์คํai #openai #gpt #gpt4o #gpt4 #์ฑgpt #chatgpt #๊ณ ๊ธ์์ฑ๋ชจ๋ #advancedvoicemode
2024. 9. 27.