์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Jolly Coding
2024. 5. 13.
I wanted to explore my process of learning. This is the beginning stages, covering getting an idea to proving it is possible with a proof of concept, and then iterating on it when possible. I go over how I integrated Web and PDF search to my AI chatbot, as well as real-time F1 information, using existing open-source projects. I also go over the areas I failed in this, and what I can learn from them. This video is not necessarily about the code implementation itself, but about how I get ideas and utilise them to learn something new. Let me know if you want an in-depth AI tutorial! F1 GPT Version 1: https://jollycod.ing/f1-gpt Vercel AI SDK Docs: https://sdk.vercel.ai/docs/introduction F1-Dash: https://f1-dash.com/ Morphic (Open Source Perplexity): https://github.com/miurla/morphic Brotzky Tweet (Fey.com): https://x.com/brotzky_/status/1787883890088312990 ------- ๐ฆ Twitter (X): https://jollycod.ing/x ๐ค Personal Site: https://jollycod.ing/me ๐ป GitHub: https://jollycod.ing/git JollyUI: https://jollycod.ing/ui Where I Work: https://jollycod.ing/work
GPT์๊ฒ ๋งก๊ธฐ๋ AI ๋นํธ์ฝ์ธ ํฌ์ ์๋ํ - AI ์์ด์ ํธ ๋ง๋ค๊ธฐ
2024. 10. 2.
Visit Our Website: https://interviewpen.com/?utm_campaign=warehouse Join Our Discord (24/7 help): https://discord.gg/Qy85PT9wj6 Like & Subscribe: https://youtube.com/@interviewpen Many large companies wind up with several sources of data and want to use all of them together to make business decisions. This video dives into the low-level details of designing a data warehousing system to bring in these data sources, transform them, and analyze them in aggregate. If you liked this video and want to learn more about fundamental systems and how they can be used to solve problems, check out our full course on https://interviewpen.com/?utm_campaign=warehouse ! Table of Contents: 0:00 - Introduction 0:35 - Requirements 1:33 - Data Sources 2:28 - Batch Ingestion System 4:40 - Batch Ingestion Strategies 7:31 - Streaming Ingestion 8:16 - Third-Party Services 9:40 - Transformation 11:09 - SQL Analysis 11:30 - Overview 12:22 - Overview using Snowflake 13:44 - interviewpen.com Socials: Twitter: https://twitter.com/InterviewPen LinkedIn: https://www.linkedin.com/company/interviewpen Website: https://interviewpen.com/?utm_campaign=warehouse
2024. 4. 17.
Tutorial๐ to build a amazing static blog using Nextjs, Tailwind css and contentlayer that has great lighthouse score. Demo Link๐ค: https://create-blog-with-nextjs.vercel.app/ ----------------------------------------------- Need Web Development or AI Solutions Services? ๐ Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- Contentlayer documentation link (Temporary): https://website-git-new-landing-page-schick.vercel.app/docs ----------------------------------------------------------------------------------------------------------- Starter CODE: โก Link ๐: https://github.com/codebucks27/Nextjs-contentlayer-blog Final CODE: โก Link 1๐(Give โญ to the repo): https://github.com/codebucks27/Nextjs-tailwindcss-blog-template โก Link 2๐(If you want to support the channel): https://codebucks.lemonsqueezy.com This link contains all the code which is used in the Video ๐ดNOTE: At @06:55:15 we have created one file called ThemeScript.js, there is no need to do that instead just add id and strategy to the script that is in the layout.js file. ----------------------------------------------------------------------------------------------------------- Hey there ๐, In this comprehensive coding tutorial, you'll learn how to create a stunning static blog website with Next.js, Contentlayer, and Tailwind CSS. We'll cover everything from building a homepage, blog pages, category pages, an about page, and a contact page, to implementing powerful SEO strategies for higher Google rankings. Our blog features both dark and light themes, offering a minimal and elegant design that's fully responsive on mobile devices. Plus, you'll discover how to showcase your Markdown-based blogs easily on this website. For this project, we're going to use, โถ๏ธ Next Js โถ๏ธ Tailwind CSS for styling โถ๏ธ Contentlayer to render Markdown blogs โถ๏ธ Supabase to count and display blog page views โถ๏ธ Lottie Animation โถ๏ธ React hook form โถ๏ธ Next Sitemap to create sitemap of the website โถ๏ธ Google's structured json-ld schema for SEO Don't forget to watch the whole video, we're going to learn a lot of stuff like: โถ๏ธ Setting up a Static Blog with Next.js โถ๏ธ New Next.js App router โถ๏ธ Designing a Beautiful Homepage โถ๏ธ Creating Engaging Blog and Category Pages โถ๏ธ Crafting an Informative About Page โถ๏ธ Building an Interactive Contact Page โถ๏ธ Implementing Powerful SEO Techniques โถ๏ธ Adding Dark and Light Themes โถ๏ธ Ensuring Mobile Responsiveness โถ๏ธ Showcasing Markdown Blogs โถ๏ธ Different methods to highlight code blocks and use themes Watch the full video to understand, so that you can easily build and customize your own website. Timestampsโ: Intro + Demo @00:00:00 Setup and Installation @00:09:34 Tailwind CSS Setup, Dark Mode and project files @00:12:58 Adding Fonts @00:18:33 Navbar Component @00:26:20 Setup Contentlayer@00:45:55 How to render a Blog @01:07:55 Creating Home Cover Section @01:12:35 Featured Posts Component @01:33:40 Recent Posts Component @01:49:35 Footer Component @02:00:10 Blog Page @02:15:55 Creating TOC Component @03:01:30 Category Page @03:20:15 About page @03:44:55 Contact page @03:57:50 Insights Component @04:13:35 Store blog views using Supabase @04:23:05 Adding SEO @04:48:40 Adding Dark Mode @05:18:00 Making it Responsive @05:30:00 Adding Sitemap @06:38:48 Image Optimization @06:42:36 Adding Favicon and manifest file @06:48:32 Adding google's structured json-ld for SEO @07:01:35 ๐๐ผ๐น๐น๐ผ๐ ๐บ๐ฒ ๐ผ๐ป ๐ ๐๐ต๐ฒ๐ฟ๐ฒ ๐'๐บ ๐๐ต๐ฎ๐ฟ๐ถ๐ป๐ด ๐น๐ผ๐'๐ ๐ผ๐ณ ๐๐๐ฒ๐ณ๐๐น ๐ฟ๐ฒ๐๐ผ๐๐ฟ๐ฐ๐ฒ๐! Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com In upcoming videos, I'm going to create lots of cool stuff with JavaScript and React so make sure to subscribe. Like, Sub๐ฅ & Share! โฅ Learn More About, ๐ฅHow to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion๐ https://youtu.be/Yw7yWHigGKI ๐ฅโญBuild Feature Rich Crypto Screener App with Tailwind CSS https://youtu.be/JPlVb3t6kx8 ๐ฅBuild awesome 3D landing page for Apple iPhone using ReactJS + ThreeJS + GSAP https://youtu.be/cT160dOzpGY ๐ฅBuild a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ] https://youtu.be/Ra1Fsa9YJCk ๐ฅBuild a Stunning Portfolio Website with React JS [ Framer-motion + Styled-components ] https://youtu.be/jcohAIaSy2M If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below. Thank You for watching! ๐ Where else you can find me: Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com Disclaimer: All videos are for educational purposes only, please use them wisely. #nextjs #tailwindcss #blogwebsite
2023. 9. 4.
Design is hard, especially if you are not a designer, but what if you could create beautiful designs for your websites without hiring a designer? Well there is an easy solution and that's a component library. Today, I will share with you my 5 most favorite Component Libraries.
2024. 7. 10.
With the new GoPro 11's 10-color mode you can actually color grade your footage and make it really pop, without banding and other artefacts. A really decent upgrade by @GoPro - the new 360 degree horizon lock gives super stable footage too. This was all filmed handheld without a gimbal or grip or tripod and is silky smooth. This test footage was shot in 4K 60fps, High Bitrate encoding, 10 Bit color, Auto ISO, Linear Lens with Horizon Lock and AutoBoost, Flat color profile. Davinci Resolve was used with the Auto color setting and a small color boost value (I'm not a professional color grader ๐คทโโ๏ธ). #gopro #goprohero11 #akihabara
2023. 8. 2.
2024. 10. 19.