์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Cristian Mihai
2024. 1. 16.
Full Stack E-Commerce Website Using Next.js 14, React, Tailwind CSS, Sanity CMS, Stripe - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ๐งก Get Source Code https://www.buymeacoffee.com/cristianmihai/e/206579 ๐ Get Source Code With PayPal https://ko-fi.com/s/d564d28ffc - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Download Images: https://drive.google.com/file/d/1Noam-bjddgjvRevVD90pLINEeYkFfexG/view?usp=sharing ๐ Assets Fonts: https://fonts.google.com/ โฑ Timestamps 00:00:00 Project Intro 00:06:08 Project Setup 00:07:50 Sanity 00:21:22 PopularBikes Component & Data fetching 00:31:03 Shadcn install, tailwind.config, globals.css 00:40:00 Popular Bikes Carousel 01:03:22 Product Details Page, AddToCartBtn 01:30:03 Cart Sidebar, Cart Provider 02:02:22 Stripe 02:20:53 Nav 02:23:37 Our Bikes Page 02:49:10 Hero 02:55:55 Footer 03:05:10 Success Page 03:07:05 Error Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #tailwindcss #reactjstutorial #nextjs #nextjstutorial #nextjs14
Fun little experiment with GPT4-Vision and eleven labs. Code here: https://github.com/wesbos/ai-webcam
2023. 12. 1.
[์ด๊ธ] ์ผํธ ๋ฒก์ Tidy First? ๋ฅผ ์๊ฐํฉ๋๋ค. ๋จผ์ ์์ ํ(?) ๋ฆฌํฉํ ๋ง ํํ๋ฅผ ๋ ์ฝ๋ ์ ๋ฆฌ๋ฒ์ ์๊ฐํ ํ์ ์ฝ๋ ์ ๋ฆฌ๊ฐ ๊ฐ๋ ์ค๊ณ ๊ด์ ์ ์๋ฏธ๋ฅผ ์ค๋ช ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ , ๊ฐ๋ฐ์ ๊ฐ์๊ฐ ์ด๋ฅผ ์ด๋ป๊ฒ ํ์ฉํ ์ ์๋์ง ์์ํ ๋ด์ฉ์ ๊ณต์ ํฉ๋๋ค. ๋ง์ง๋ง์ผ๋ก ์ ๊ฐ ์ด ์ฑ ์ ๋ฒ์ญํ๊ฒ ๋ ๋ฐฐ๊ฒฝ์ ๋ค๋ฃน๋๋ค. ๐๏ธ ์์ํ (๋ฒ ํฐ์ฝ๋) ๐๏ธ ์คํ๋ง์บ ํ 2024 Track 1 - 1 (2024๋ 05์ 25์ผ) ๐งญ SETEC ์ปจ๋ฒค์ ์ผํฐ ๐ ๋ฐํ์๋ฃ : http://springcamp.ksug.org/2024/static/docs/T1S1.pdf ๐บ ์คํ๋ง์บ ํ 2024 ์์ ๋ชจ๋ ๋ณด๊ธฐ : https://youtube.com/playlist?list=PLdHtZnJh1KdY3gEi7EPa2AuWn5NKRVmDf&si=XE89UrhYKkIb1-oe [๐ ์คํ๋ง์บ ํ & KSUG] ์คํ๋ง์บ ํ 2024 ์น https://springcamp.ksug.org/2024/ ์คํ๋ง์บ ํ ํ์ด์ค๋ถ https://www.facebook.com/springcampkr/ ์คํ๋ง์บ ํ ์ ํ๋ธ https://www.youtube.com/@springcampkr KSUG ์น https://www.ksug.org/ KSUG ๊ตฌ๊ธ ๊ทธ๋ฃน https://groups.google.com/g/ksug KSUG ํ์ด์ค๋ถ https://www.facebook.com/groups/springkorea KSUG ์ ํ๋ธ https://www.youtube.com/@workerksug7409 #KSUG #์คํ๋ง์บ ํ #SpringCamp #์ผํธ ๋ฒก #Tidy First
2024. 8. 30.
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/ecommerce In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework. The Next.js 13 App Router is a powerful tool that enables you to easily create complex client-side routing in your Next.js applications. In this tutorial, we will use the Next.js 13 App Router to build a fully functional E-Commerce with Admin Dashboard with seamless navigation and user experience. Throughout this video, we will guide you step-by-step through the process of building a full-stack web application using the latest web development technologies including React, Tailwind, Prisma, MongoDB, and NextAuth. This video is perfect for beginner and experienced developers who are looking to learn how to leverage the power of Next.js 13 App Router in their web applications. So, grab your coffee and join us on this exciting journey of building the next big thing in 2023 with Next.js 13 App Router! Timestamps 00:00 Intro 11:13 Environment setup (Admin) 27:48 Clerk Authentication (Admin) 43:27 Modal components (Admin) 01:06:20 Form components (Admin) 01:21:28 Prisma, PlanetScale, MySQL setup (Admin) 01:45:02 Dashboard setup (Admin) 02:03:43 Navigation bar (Admin) 02:38:57 Settings page (Admin) 03:35:01 Billboards Entity (Admin) 04:29:58 Data Table (Admin) 05:18:15 Categories Entity (Admin) 05:50:13 Sizes Entity (Admin) 06:05:18 Colors Entity (Admin) 06:19:41 Products Entity (Admin) 07:14:38 Orders Entity (Admin) 07:26:15 Environment setup & featured products (Store) 08:22:14 Individual product screen (Store) 08:45:47 Individual category screen (Store) 09:07:17 Product preview modal components (Store) 09:20:29 Add to Cart functionality (Store) 09:46:14 Stripe Setup & Checkout finalization (Admin, Store) 10:08:07 Dashboard page (Admin) 10:27:34 Dark Mode (Admin) 10:30:22 Deployment to Vercel (Admin, Store)
2023. 6. 29.
์์ ๋ก๊ทธ์ธ์ ์ ๊ณตํ๋ ์คํ๋ง OAuth2 ์ธ๊ฐ ์๋ฒ์์ ํ ํฐ ๋ฐ๊ธ๋ถ๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ๋ด์ฉ ์ ๋ฆฌ Docs : https://www.devyummi.com/page?id=66ff03fd9455569962a354d4 00:00 - ๊ฐ์ 00:15 - ๋ชจ์๋ 01:07 - ์ํ ๊ณผ์ 02:10 - ๊ตฌํ ๋ชฉ๋ก 03:07 - ๋น๋์นญํค ์ฌ์ฉ ์ด์ 06:21 - JWT ์์ฑ๊ธฐ ๋ฑ๋ก #์คํ๋ง์ํ๋ฆฌํฐ #์คํ๋งOAuth2 #์คํ๋ง๋ถํธ
2024. 10. 6.
It's been three years since elastic decided to remove the apache license from ElasticSearch and Kibana, and since then, we've seen a number of other companies follow suit. Now, elastic is coming back, and perhaps the tide is shifting. Links: https://www.elastic.co/blog/elasticsearch-is-open-source-again Become a better developer in 4 minutes: https://bit.ly/45C7a29 ๐ Join this channel to get access to perks: https://www.youtube.com/channel/UCWQaM7SpSECp9FELz-cHzuQ/join Join Discord: https://discord.com/invite/eMjRTvscyt Join Twitter: https://twitter.com/dreamsofcode_io
2024. 8. 30.
์ค์ ์ ๋ฌด ๊ฒฝํ์์ ๋์ค๋ ์์ํ ๊ฐ์๋ฅผ ๋ณด๊ณ ์ถ๋ค๋ฉด ๋ฉค๋ฒ์ญ์ ๊ฐ์ ํ์ธ์! https://www.youtube.com/@khanpm/join ๋ฉ์ผ๋ง ๋ฆฌ์คํธ๋ฅผ ๋ฑ๋กํ์๋ฉด ์คํ๋ผ์ธ ์ธ๋ฏธ๋ ์ผ์ ์ด ์์ ๋ ์๋ ค ๋๋ฆฝ๋๋ค! https://forms.gle/TAw8v4H7jLQb6rVL9 ์ปค๋ฆฌ์ด&์ ๋ฌด ๊ณ ๋ฏผ์ ํด๊ฒฐํ๊ณ ์ถ๋ค๋ฉด, https://iamthepm.kr/product/%ec%98%a8%eb%9d%bc%ec%9d%b8-%ec%9b%90%ec%98%a8%ec%9b%90-%ec%bd%94%ec%b9%ad-4%ed%9a%8c/
2024. 9. 6.