데브허브 | DEVHUB | 너만 모르는 깃허브 꿀 팁

Create a Reddit Clone with Next.js 14, Kinde, Supabase, Uploadthing, Prisma and Tailwind

🚀 Build a Reddit Clone with Next.js 14, Kinde Auth, Supabase, Prisma, Uploadthing, Tailwind, Shadcn/UI, Typescript and Vercel! Learn step-by-step and elevate your development skills! 🚀 Kinde Auth: https://dub.sh/xeU8r3v 👨🏻‍💻 GitHub Repository: https://janmarshal.com/courses/create-a-reddit-clone-with-next-js-14-kinde-supabase-uploadthing-prisma-and-tailwind 🌍 My Website: https://www.janmarshal.com ✅ Follow me on Twitter: https://twitter.com/janmarshaldev 📧 Business ONLY: jan@alenix.de Resources used: Next.js: https://nextjs.org Kinde: https://dub.sh/xeU8r3v Tailwind.css: https://tailwindcss.com Shadcn/UI: https://ui.shadcn.com Prisma: https://prisma.io Supabase: https://supabase.com Uploadthing: https://uploadthing.com/ Vercel: https://vercel.com Features: - 🌐 Next.js 14 App Router - 🔐 Kinde Authentication - 📧 Passwordless Auth - 🔑 OAuth (Google and Facebook) - 💿 Supabase Database - 🖼️ Uploadthing File Upload - 💨 Prisma ORM - 🎨 Styling with Tailwindcss and shadcn UI - 🐐 Deployment to Vercel - 👍🏻 Up-Down Vote functionality - 📝 Comment Section - 💯 Pagination - 👥 Subreddit section - 🙋 Username generation - Streaming with Suspense Boundaries - Pending States - Caching - Authentication with customized login page - Server side implementation - Speed optimization Timestamps 00:00 Intro 04:23 Installation 07:40 Creating the Navbar 29:30 Setting up Auth 01:15:00 Creating Settings Page 01:55:00 Create Subreddit Page 02:58:00 Create Post 04:11:00 Create UI 06:44:00 Deployment 04:45:00 Id Page 05:15:00 Reservation System 05:40:00 Search Modal 05:56:00 Deployment

2024. 4. 1.

I Wish I knew about This Authentication Tool Earlier

Authentication is hard! Here's how to make it easy with Authkit. Adding Email/Password, OAuth, SSO, Rest password, Magic links and a lot more all with one tool that takes care of all the headaches and you only need to focus on your App. Start with Authkit here https://www.authkit.com/ https://dashboard.workos.com/signup?utm=coderone 🎉Our Newsletter is live! Join thousands of other developers https://islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: https://twitter.com/ipenywis -- Special Links ✨ Join Figma for Free and start designing now! https://psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ https://psxid.figma.com/ucwkx28d18fo-cb44ct -- Special Links ✨ Join Figma for Free and start designing now! https://psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ https://psxid.figma.com/ucwkx28d18fo-cb44ct -- Watch More Videos 🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize https://youtu.be/VWEJ-GhjU4U 🧭 Turn Design into React Code | From prototype to Full website in no time https://youtu.be/0xhu_vgKZ8k 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs 🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React https://youtu.be/M_Oes39FNuk 🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app https://youtu.be/_rnxOD9NKAs 🧭 Introduction to GraphQL with Apollo and React https://youtu.be/eCO6MvvRhXk 🐦 Follow me on Twitter: https://twitter.com/ipenywis 💻 Github Profile: https://github.com/ipenywis Made with 💗 by Coderone

2024. 4. 8.

내가 만난 일잘러 신입의 특징 - 송요창/우아한형제들 | 2023 NE(O)RDINARY CONFERENCE

2023년 9월 8일-9월 9일에 개최된 2023 NE(O)RDINARY CONFERENCE [내가 만난 일잘러 신입의 특징] 주제로 발표하신 우아한형제들의 송요창님 세션입니다. #너디너리 #너디너리데모데이 #너디너리컨퍼런스 #컴공선배 ✔️너디너리 데모데이 행사 홈페이지 https://demoday.neordinary.co.kr/ ✔️너디너리 홈페이지 https://neordinary.co.kr/ ✔️사이드 잡/프로젝트를 찾고 있다면? https://worker.gridge.co.kr/

2023. 11. 8.

Using React 19 with Vite and Next.js

Learn about the latest features of React 19, like client and server actions, `useOptimistic`, and more. In this demo, we'll start with a client-only React application using Vite and walk through how React 19 simplifies your application logic and helps create a better UX. Then, we'll move to a server framework like Next.js to show how to use React Server Components, Server Actions, and more.

2024. 7. 9.

Build and Deploy a Full Stack Notion Clone | NextJS 13, DALL•E, DrizzleORM, OpenAI, TypeScript

GitHub Repo: https://github.com/elliott-chong/aideation-yt Welcome to this comprehensive full-stack tutorial where we delve into the latest features of NextJS 13.4. Join me as we build an entire project from the ground up and seamlessly deploy it to Vercel 🚀. Throughout this journey, you will gain expertise in the following areas: 🌐 Leveraging NextJS 13's cutting-edge App Router. 🔥 Utilize DALLE AI Image Generation 🎨 Harnessing the beauty of Shadcn and the power of Tailwind CSS. 🧠 Unleashing the capabilities of OpenAI's API for Language Model usage. 🗃️ Interacting with databases with the efficiency of ORMs. 📋 Pastebins for Code Timestamps Timestamp 21.06 globals.css grainy https://pastebin.com/1Q1tfyFy Timestamp 1.45.35 TipTapMenuBar.tsx https://pastebin.com/4dMDEW0B Timestamp 2.09.12 /api/completion/route.ts https://pastebin.com/ADU34Ftq 🙏 Credits & Inspirations A heartfelt thank you to my friends for their unwavering support throughout this project. 📚 Referenced Resources Vercel AI SDK: https://vercel.com/blog/introducing-t... Connect With Me 🔥🚀 : Email: elliottchong16@gmail.com GitHub: https://github.com/elliott-chong Website: https://elliottchong.tech 📖 Chapters Overview 0:00 Intro & Demo 3:22 Outline Knowledge 5:10 Set Up Project 7:41 Set Up shadcn 11:16 Set Up Clerk Auth 19:41 Landing Page 29:43 Dashboard UI 35:40 DrizzleORM 48:22 Create Note UI 57:46 OpenAI Generate Image Prompt 1:07:20 Create NoteBook API 1:23:59 Notebook Page UI 1:34:16 TipTap Editor & MenuBar 1:49:18 Debounce Save 2:03:32 AI Autocomplete 2:20:16 KBD UI 2:22:14 Firebase 2:45:31 Delete Note 2:50:29 Deploy & Outro

2023. 9. 25.

[ChatGPT 고급 음성 모드] 끝말잇기 게임

[ChatGPT 고급 음성 모드] 끝말잇기 게임 #chatgpt #고급음성모드

2024. 9. 28.

로딩 중...