์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Awesome
2024. 9. 1.
๐ฆ Follow us on X - https://twitter.com/AwesomeCodeClub โ๏ธ Join the Newsletter - https://newsletter.awesome.club/
Learn How To Build A Full Stack Blog Website Using Next JS And MongoDB | Create A Full Stack Blog App / News website using Next JS | Next JS Project tutorial step by step 2024 ๐ Source Code: https://greatstack.dev/go/blogger SUBSCRIBE: @GreatStackDev โค๏ธ Complete JavaScript Course with Certification: ๐ https://greatstack.dev/go/javascript-course - Beginner + Advance + ES6 + Notes - 30 Project With Source Code - React Beginner course with project - Course Completion certificate - Chat Support ------------------- In this tutorial we will learn to make a Full Stack website using Next JS, MongoDB and Tailwind CSS. In this step by step Next JS project tutorial we will create the Blog App / website. In this full stack website project we will create forntend, Backend and admin panel. On our website or web app we will display the blog post. We will create a admin panel / admin dashboard using Next js to upload and manage our blog post. We will also create the Backend for our APIs. Using these Backend API we can save the blog post on our MongoDB database and we can also fetch the Data from MongoDB database and display the blog post on your website. To design our Blog Website or Blog App we will use Tailwind CSS so that we can easily design our components layout in Next JS Project. Download the assets: https://greatstack.dev/assets/next-js-blog-app Next JS Beginner's Full Course: ๐https://youtu.be/r5kO-E6NI14 Watch Full Stack Food Order Website tutorial: ๐ https://youtu.be/DBMPXJJfQEA Watch Full Stack E-commerce Website tutorial: ๐ https://youtu.be/y99YgaQjgx4 #Nextjs #FullStack #GreatStack Next JS projects, Next JS Full Stack Project, Full Stack Web development Timestamp: 00:00 Project Overview 06:43 Setup Next JS Project 12:49 Create Header section 25:02 Create Blog List for Home page 41:42 Filter blog by Category 47:33 Create Footer 52:25 Create Blog Post page 01:26:34 Start building Backend 01:28:14 Setup MongoDB Database 01:40:25 Create API 02:03:20 Create Admin Dashboard 02:22:14 Create Add Product Page 03:03:46 Display blog list using API 03:19:52 Create Blog List Page for Admin 03:43:02 Create Delete Blog Feature 03:56:56 Create Email subscription Feature 04:14:11 Create Email subscription Page for Admin ------------------------------------- Build more React JS projects: Complete Portfolio Website In React: ๐ https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: ๐ https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React ๐ https://youtu.be/PZG2MvOjud0 Create Weather App In React ๐ https://youtu.be/7JqdjWB88Kk ------------------------------------- Recommended HTML and CSS Projects: Learn Complete HTML and CSS from basics: โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU Make A Complete Website for college using HTML & CSS: โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5 How to make personal resume website step by step: โบ https://www.youtube.com/watch?v=qCFN8EujbGI How to make an Ecommerce Website Design: โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g How to make travel website design with HTML CSS Bootstrap: โบ https://www.youtube.com/watch?v=AiaEqc9UMf8 ------------------------------------- Images Credit: https://www.pexels.com/ https://unsplash.com/ ------------------------------------- Connect with me: ๐ https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack
2024. 6. 24.
Instagram : https://www.instagram.com/kyung___a___/ Github : https://github.com/Kyung-A Blog : https://kyung-a.tistory.com/ โ Email : nek1717@naver.com โจ ์ ๋ณด โจ ์ฑ ์ : 209์ ๋น๋ด ์ ๋ก๋ฐ์คํฌ ์๋ณด ์์ : ์๋์ฆ T402HF ํ์ดํธ์ ์นดํค์ฌ๊ทธ๋ ์ด ๋ ธํธ๋ถ : macbook M3 Pro 16์ธ์น 36GB ๋ชจ๋ํฐ : LG 27mk600mw ๋ชจ๋ํฐ์ : ์นด๋ฉ๋ง์ดํธ ๋ง์ฐ์ค : ๋ก์งํ ๋ฆฌํํธ ๋ฒํฐ์ปฌ ์๋ฌด์ค ํค๋ณด๋ - ์ฑ์ฝ ์ํฌ๋ฆด ์์ด์คํ๋ธ ๋์ผ RGB ์นด์ผ๋ฐ์ค ๊ฒ์ด๋ฐ ํค๋ณด๋ - ๋ ์คํด๋ FC660MBT ํ์ดํธ ๊ทธ๋ ์ด ํ๊ธ ๊ฐ์ถ ํ๋ ์คํธ - ์ฑ์ฝ ARC-1 TKL ํ ํค๋ฆฌ์ค ์์ด์ค ์ํฌ๋ฆด ํ๋ ์คํธ - ํคํฌ๋ก K2 & K6 ๊ณต์ฉ ํธ๋๋๋ฌด ์๋ชฉ ํ๋ ์คํธ BGM ๐ตMusic provided by ๋ธ๊ธ๋ํต๋ น ๐ตTrack : ๊ทธ ๋นต์ ๋ด๊บผ์ผ - https://youtu.be/Jyh4ETOLIhQ ๐ตTrack : ์ฐธ์ - https://youtu.be/u7rnqR0BB3M #๊ฐ๋ฐ์ #๋ ธํธ๋ถ #๋งฅ๋ถ #๋งฅ๋ถํ๋ก #M3 #์ธ๋ฐ์ฑ #๋ฆฌ๋ทฐ
2024. 10. 12.
How to upload images in React / Next.js? React / Next.js image optimization with lazy loading and blurred image placeholders. React / Next.js optimization tips and more. Signup for ImageKitโs forever free plan: https://bit.ly/49zmXkt Know more about ImageKit: https://bit.ly/3VXRK7u Join Lama Dev groups X / Twitter: https://x.com/lamawebdev Facebook: https://www.facebook.com/groups/lamadev Instagram: https://www.instagram.com/lamawebdev Discord: https://discord.gg/yKremu4mPr 00:00 React / Next.js Optimization Problems 05:08 The Best All-in-one Image Solution for React and Next.js 09:51 Image Manipulation in React (Crop, Add Text/Watermark, Give Effect) 13:18 React / Next.js Blurred Image Placeholders 14:05 How to optimize videos in React and Next.js? 14:52 How to upload images in React / Next.js with ImageKit? 20:22 Outro
2024. 8. 29.
๐๐ผAi Automations + Community: https://www.skool.com/ai-foundations/about ----------------- This AI-powered social media system creates hundreds of posts. In this video I show you how to build it step by step using tools like GPT-4o, Notion, Perplexity, Buffer and more! Follow along and completely streamline content creation and distribution for your brand. ๐จ๐คTools: Make (Affiliate Link): https://www.make.com/en/register?pc=aifoundations OpenAI: https://platform.openai.com/ Perplexity AI: https://www.perplexity.ai/ Notion: https://notion.so Buffer (Social Media Posting): https://buffer.com/ ----------------- ๐๐ผAI Automations + Community: https://www.skool.com/ai-foundations/about ๐Follow me on Linkedin: https://www.linkedin.com/in/drake-surach-823530203/ ๐ฅFollow me on twitter: https://twitter.com/drake0DTE -------------------- โChapters: 0:00 - Content System in Action 5:57 - Accelerate Your Automations & Ai Knowledge 7:36 - Tools for this automation 9:52 - Prepping Notion workspace 29:40 - Building post creation automation 1:11:06 - Building distribution automation 1:21:31 - Final automation test 1:26:32 - Learn AI Automations & AI In-depth #aiautomations #ai
2024. 6. 24.
์ฌํด๋ก 8ํ์งธ๋ฅผ ๋ง์ SEF(SOFTWARE EDU FEST) SEF์์๋ ์ํํธ์จ์ด ๊ต์ก์ ๊ด์ฌ์๋ ๋๊ตฌ๋ ๋ถ๋ด ์์ด ์ฐธ์ฌํ์ฌ ์ํํธ์จ์ด์ AI, ๋ฐ์ดํฐ ์ฌ์ด์ธ์ค ๋ฑ ๊ต์ก์ ๋ํ ๋ค์ํ ๊ณ ๋ฏผ๊ณผ ๊ฒฝํ์ ๋๋ ์ ์์ต๋๋ค! ์จ๋ผ์ธ ๊ฐ์ฐ ํน์ ์คํ๋ผ์ธ ๊ฐ์ฐ ์ค์ ์ง์ ์ ํํ์ฌ ์ฌ์ ์ ์ฒญํ ์ ์๋ค๋ ์ฌ์ค๐ ๐ขSEF2024 ์จ๋ผ์ธ ๊ฐ์ฐ ์ฌ์ ์ ์ฒญ๐ข ์ผ์ : 2024๋ 9์ 7์ผ (ํ ) ์ค์ 10์ ์ ์ฒญ๊ธฐ๊ฐ: ~2024๋ 9์ 6์ผ (๋ชฉ) ์คํ 11์ 59๋ถ๊น์ง ์ ์ฒญ ๋ฐฉ๋ฒ: ์ธ์คํ๊ทธ๋จ ํ๋กํ ๋งํฌ ํ๋จ ๐ฝ ์จ๋ผ์ธ ๊ฐ์ฐ ์ฌ์ ์ ์ฒญ ๐ฝ (๋ค์ด๋ฒ ์์ฝ) โSEF2024 ์คํ๋ผ์ธ ํ์ฅ ๊ฐ์ฐ ์ฐธ๊ฐ์ ์ฒญโ 1. ์ธ์คํ๊ทธ๋จ ๊ณ ์ ๋งํฌ์์ ์คํ๋ผ์ธ ํ์ฅ ๊ฐ์ฐ ์ฐธ๊ฐ์ ์ฒญ ํ์ด์ง๋ก ์ด๋ํ๊ธฐ 2. ์ฐธ๊ฐ์ ์ฒญ ๋ค์ด๋ฒ ํผ์ ์ ์ถํ๋ฉด ์๋ฃ! (์คํ๋ผ์ธ ํ์ฅ ๊ฐ์ฐ ์ฐธ๊ฐ์ ์ฒญ์ ํด ์ฃผ์ ๋ถ๋ค ์ค ์ถ์ฒจ์ ํตํด ํ์ฅ ๊ฐ์ฐ ์ด๋์ฅ์ ๋๋ฆฝ๋๋ค!)
2024. 8. 21.
#programming #coding #mobiledevelopment #androiddevelopment #android #kotlin #androidstudio
2024. 10. 21.