μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Sylvaincodes
2024. 5. 10.
You will build A Landing Page From Scratch With Next Js, Tailwind CSS, Framer Motion HI π DEMO Here : porsche-designui.netlify.app π Links ------------------------------- π€ Donate www.paypal.me/sylvaincodes π» Github Repo www.github.com/sylvaincodes/tailwindcss-design-ui.git π΄ Patrean www.patreon.com/sylvaincodes π Subscribe www.youtube.com/channel/UC1PZ... ++ Portfolio www.sylvaincodes.vercel.app β±οΈ Timestamps --------------------------- 00:00:00 - Intro 00:00:42 - Environment Setup 00:10:52 - Project Folder Structure 00:13:28 - SEO 00:21:30 - SMO 00:28:00 - Container - Colors - Fonts 00:39:38 - Header 00:53:57 - Hero 02:01:00 - Test 02:02:23 - Deploy π MUSIC ------------------------------- - kokoro - The Way Home - Provided by Lofi Records - Watch: https://youtu.be/8UdFjRUH9oY β οΈ DISCLAIMER The disclaimer video is intended for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, reporting current affairs, teaching, scholarship and research. Fair use is permitted by copyright law that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. Tags: #nextjs14 #nextjstutorial #nextjs #next #nextjs14 #sylvaincodes #tailwindcss #react #reactjs #tutorial #typescript #landingpage #build #javascript
μ΄ 18κ°μ λμμμΌλ‘ μ΄λ£¨μ΄μ§ Next.js μμ μ λλ€. μ 체μμ μ μλ μ±λμμ λ³Ό μ μμ΅λλ€. opentutorials (κΆμ₯) - https://opentutorials.org/course/5098 youtube μ¬μλͺ©λ‘ - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ μ ννμ΅ : React : https://seomal.com/map/1/220 μνμ½λ© μμ λ©μΌλ§ 리μ€νΈ : https://page.stibee.com/subscriptions/8851 μνμ½λ© μΈμ€ν κ·Έλ¨ : https://www.instagram.com/coohde/
2023. 8. 4.
π₯ κ°λ°μ μ·¨μ λ Ένμ° ν νλ¦Ώ λ€μ΄λ‘λ : https://bit.ly/4a10f5N λ¬Έκ³Όμμ μν IT μ©μ΄ ν΄μ€ λ¬΄λ£ κ°μ : https://bit.ly/3UdCkdL ChatGPTλ‘ λ Έμ½λ μΉμ¬μ΄νΈ λ§λ€κΈ° : https://bit.ly/3vuiEs7 κ°λ°μμ νμ μ μν κΈ°μ΄ μ½λ© μ©μ΄ : https://bit.ly/3tDdzNI μ·¨μ , μ΄μ§μ μ€λΉνμλ λΆλ€μ μν λ λ§μ μ 보λ μλλ₯Ό μ°Έμ‘°ν΄μ£ΌμΈμ. 2024λ λ΄μΌλ°°μμΉ΄λ λ°κΈ, μ¬μ©λ°©λ² : https://bit.ly/3vCX2tV λΆνΈμΊ ν μ νμ κΌ μ²΄ν¬ν΄μΌ ν 5κ°μ§ : https://bit.ly/4aFdKZA λΆνΈμΊ νλ 9to9μ μ νν΄μΌ νλ μ΄μ : https://bit.ly/3vnSfMH λλ₯Ό λͺ°μ νκ² λ§λλ λΆνΈμΊ νκ° μ€μν μ΄μ : https://bit.ly/4aGmIWv νμ§μκ° λ§νλ AI μλμ κ°μΆ°μΌ νλ μ΄μ : https://bit.ly/3HcZae9 λΉμ 곡μμ λ€μν μ΄μΌκΈ°λ€ μ격 λΆνΈμΊ νλ‘ κΈμ΅κΆ IT ν©κ²©νμ΄μ! : https://bit.ly/3NMqZOn μμ μ¬μ νλ€κ° κ°λ°μλ‘ μ ν₯νμ΄μ! : https://bit.ly/3S35V8P λ κΆκΈνμ κ²λ€μ λκΈλ‘ λ¨κ²¨μ£ΌμΈμ! μμμ΄λ λΈλ‘κ·Έλ₯Ό ν΅ν΄ κ°μ₯ μ΅μ μ λ³΄λ‘ μλ €λλ¦¬κ² μ΅λλ€. κ°μ¬ν©λλ€.
2024. 9. 30.
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Next.js Template vs Layout files - learn the difference in this tutorial as we apply custom page transition animations to a Next.js project. We'll use ShadCN/ui and the example code is available in the link below. π Support me on Patreon β https://patreon.com/davegray β Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr π© Subscribe β https://bit.ly/3nGHmNn π¬ Course Updates β https://courses.davegray.codes/ β Questions - Please post them to my Discord β https://discord.gg/neKghyefqh β Buy Me A Coffee β https://www.buymeacoffee.com/davegray π Source Code Example: https://github.com/gitdagray/nextjs-template-vs-layout π My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj π Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Next.js Template vs Layout with Page Transition Animations (00:00) Intro (00:14) Welcome (00:35) Example Project Overview (01:36) ShadCN/ui and TailwindCSS (04:10) View the Example Website (05:22) Add an Animation to the Layout (08:37) How is a Template different? (09:32) Adding a Template file (10:07) Add an Animation to the Template (13:18) Add Breadcrumbs with a Template (16:17) Wrap-up π Tutorial References: π Next.js: https://nextjs.org π Next.js Layout: https://nextjs.org/docs/app/api-reference/file-conventions/layout π Next.js Template: https://nextjs.org/docs/app/api-reference/file-conventions/template π ShadCN/ui: https://ui.shadcn.com/ Was this tutorial about Next.js Template vs Layout files with ShadCN/ui and page transition animations helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #template #layout
2024. 5. 17.
π λ΄μ© protocol αα ³αΌαα αΌμ λν΄ νλ² μμ 보μμ΅λλ€. πΊ μ€μννΈ κΈ°μ΄λ¬Έλ² https://youtube.com/playlist?list=PLgOlaPUIbynoqbQw_erl3L2w7vfOTCtFD π iOS μ²μμ΄μ λΆ μ€μΈμ! https://youtu.be/UKknl2yxQr4 π₯μ§μ λΉ‘μ½λ 맴λ²μ½ μλ΄ https://spangle-wedelia-2dc.notion.site/6198cd9c2d8840a5ab8d2758abf6a6d4 πλ Έμ κ³΅λΆ μλ£ https://spangle-wedelia-2dc.notion.site/Swift-Tip-of-the-day-c428bfd990674bcfa2a4973e5d08c4eb πββοΈ μμ€μ½λ - μ λ리 μ νλΈ λΉ‘μ½λ μ΄μ κ°λ₯ https://discord.com/channels/1012169892138586143/1223979966639771668/1223979971500965959 π―μΈνλ°μμ 보기 https://www.inflearn.com/course/%EC%A0%95%EB%8C%80%EB%A6%AC-%EC%8A%A4%EC%9C%84%ED%94%84%ED%8A%B8-%EA%B8%B0%EC%B4%88 λΆμ‘±ν μ μ±λμ ꡬλ ν΄ μ£Όμκ³ κΎΈμ€ν μμμ μμ²ν΄ μ£Όμ μ λ무λ무 κ°μ¬ν©λλ€! μμΌλ‘ λ λ Έλ ₯νλ μ λλ¦¬κ° λκ² μ΅λλ€! π₯°
2024. 3. 31.
ν΄νΉ λΌμ΄λΈ μ€ μΌλΆμ λλ€. :) νκ΅μμ ν΄νΉ μ νλΈνκΈ°... μμ νκ³ ..! λͺ¨λλ₯Ό λ§μ‘±μν¬ μ μλλ‘ μ λ μ΅λν λ Έλ ₯ν΄λ³΄κ² μ΅λλ€! νμ΄ν !!! 맀 μ£Ό νμμΌ μ λ ! 9μ~!!! ν΄νΉ μ΄μΌκΈ°λ₯Ό λ£λ μκ°!!! :D [νΈμ§] : μ½μ½λ [*] With Normaltic (κ°μ°, λ°©μ‘ μμΈ λ¬Έμ) normaltic's Instagram : https://www.instagram.com/normaltic/ normaltic's KaKaoTalk : http://pf.kakao.com/_xkxkbxixb normaltic's Email : normalticpublic@gmail.com #νμ΄νΈν΄μ»€ #λ Έλ§ν± #μ νλΈ
2024. 8. 16.
ποΈ MARK YOUR CALENDARS ποΈ Nuxt Nation 2024 is back and set for November 12th and 13th! π Hosted in collaboration with Nuxt, this is going to be the largest Nuxt Nation event yet, featuring an incredible lineup of Nuxt experts including SΓ©bastien Chopin, Daniel Roe, and Anthony Fu. Prepare for groundbreaking talks, epic live sessions, and the chance to speak and interact with Nuxt Core team members, industry experts, and contributors during live Q&A sessions! Donβt miss your chance to be part of this unforgettable experienceβregister for FREE now at https://nuxtnation.com More Nuxt Nation: Twitter: https://x.com/NuxtNation/ Facebook: https://www.facebook.com/NuxtNation/ ____________________ More Vue School: Twitter: https://x.com/VueSchool_io/ LinkedIn: https://www.linkedin.com/company/vueschool/ Facebook: https://www.facebook.com/vueschool Instagram: https://www.instagram.com/vueschool/ Website: https://vueschool.io/ ____________________ #VueSchool #Nuxt #NuxtNation24
2024. 9. 17.