![Lama Dev](/img/default-banner.jpg)
- Видео 87
- Просмотров 22 514 905
Lama Dev
Польша
Добавлен 13 фев 2021
Web development tutorials for everyone. Learn JavaScript, React.js, Next.js and Node.js, find inspiration for HTML, CSS, and web design. Become a web developer with Lama dev.
Social Media:
X/Twitter: x.com/lamaWebDev
Facebook: groups/lamadev
Instagram: lamawebdev
Discord: discord.gg/yKremu4mPr
For business inquiries:
contact@lama.dev
Social Media:
X/Twitter: x.com/lamaWebDev
Facebook: groups/lamadev
Instagram: lamawebdev
Discord: discord.gg/yKremu4mPr
For business inquiries:
contact@lama.dev
Next.js E-Commerce App Full Tutorial with the Best Headless Solution
Full-stack e-commerce app project with React Next.js, Tailwind, and Wix Headless. Next.js shopping app course with server actions & headless CMS.
Wix Headless - www.wix.com/studio/developers/headless
Wix Headless Docs - dev.wix.com/docs/go-headless
Wix Headless Templates - www.wix.com/studio/developers/headless/templates
Join the upcoming React Master Course waitlist - list.lama.dev
If it is valuable to you, you can support Lama Dev.
Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin
Buy me a coffee: www.buymeacoffee.com/lamadev
Join Lama Dev groups
X / Twitter: x.com/lamawebdev
Facebook: groups/lamadev
Instagram: lamawebdev
Discord: discord.gg/yKremu4mPr
Source Code
Star...
Wix Headless - www.wix.com/studio/developers/headless
Wix Headless Docs - dev.wix.com/docs/go-headless
Wix Headless Templates - www.wix.com/studio/developers/headless/templates
Join the upcoming React Master Course waitlist - list.lama.dev
If it is valuable to you, you can support Lama Dev.
Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin
Buy me a coffee: www.buymeacoffee.com/lamadev
Join Lama Dev groups
X / Twitter: x.com/lamawebdev
Facebook: groups/lamadev
Instagram: lamawebdev
Discord: discord.gg/yKremu4mPr
Source Code
Star...
Просмотров: 51 290
Видео
React Chat App Full Tutorial 2024 | Realtime Chat Application Project with Firebase
Просмотров 116 тыс.2 месяца назад
React real-time chat application using Firebase. React chat app project. Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV Join the upcoming React Master Course waitlist: list.lama.dev If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Join Lama Dev groups X / Twitter: [x.com/l...
React Node.js Real Estate App Full Tutorial | MERN Stack App & Real-time Chat
Просмотров 109 тыс.2 месяца назад
Full stack React, Node.js Real Estate App tutorial with MongoDB and real-time chat functionality with Socket.io. Mern Stack project using Prisma, JWT, Cookies, Context API, React Router Dom, and more... Try Console Ninja: console-ninja.com/?referrer=LamaDevFeb24 (Check the latest post on Discord to get a free subscription) Join React/Next.js Master Course Waitlist: list.lama.dev You are watchin...
React Real Estate App UI Design Tutorial for Beginners
Просмотров 69 тыс.3 месяца назад
React.js real estate booking system design course. React real estate responsive UI design project with HTML, CSS, and React Map. Join React/Next.js Master Course Waitlist: list.lama.dev You are watching the 1st part. Watch part 2 (Full-Stack App): ruclips.net/video/eJ3YysWaP_A/видео.html If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin B...
Next.js Auth | This is the Easiest Way To Build Auth with Cookie Sessions
Просмотров 32 тыс.3 месяца назад
Next.js cookie session auth with iron-session and server actions. Cookie-based authentication and authorization in Next.js 14 app router. Join the upcoming course wishlist: list.lama.dev Support Join the channel: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: github.com/safak/next-cookie-session Join Lama Dev groups X/Twitter: x.com/l...
Next.js Animated Portfolio Website with Framer Motion & Tailwind CSS | Next.js Beginner Project
Просмотров 102 тыс.4 месяца назад
Next.js portfolio project tutorial with Framer Motion and Tailwind CSS. Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV Join React/Next.js Master Course Waitlist: list.lama.dev Fill the form out and let me know your course expectations: docs.google.com/forms/d/e/1FAIpQLSe8vq78Nwjp4eaZzjFTwE3-EIqI-wjIN2qlgYcU6MmXkSUNuw/viewform Source Code: github.com/safak/next-animated-portf...
Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners
Просмотров 348 тыс.5 месяцев назад
Next.js 14 full tutorial 2024. Next.js 14 full-stack app project using app router, server actions, MongoDB, Auth.js. Learn Next.js in 2024. GET NOTIFIED ABOUT UPCOMING REACT/NEXT.JS MASTER COURSE list.lama.dev SHARE YOUR COURSE EXPECTATIONS docs.google.com/forms/d/e/1FAIpQLSe8vq78Nwjp4eaZzjFTwE3-EIqI-wjIN2qlgYcU6MmXkSUNuw/viewform?usp=sf_link Source Code: Starter: github.com/safak/next14-starte...
Build the Fastest Blog Website with Markdown Content | Hugo Static Site Generation Tutorial
Просмотров 35 тыс.6 месяцев назад
SEO-friendly and fast markdown blog app with Hugo static site generator. Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: github.com/safak/markdown-blog Markdown Cheatsheet github.com/adam-p/markdown-here/wiki/Mar...
Next.js 14 Admin Dashboard Tutorial | Fullstack Next.js 14 Project with Server Actions
Просмотров 302 тыс.7 месяцев назад
Next.js 14 app with new server actions, Next-auth and MongoDB. Get Hostinger Discount: hostinger.com/lamadev10 Coupon Code: LAMADEV Newsletter for upcoming Next.js Course: list.lama.dev If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: Start here: github.com/safak/nextadmin/tree/s...
CSS Tips And Tricks 2 | I Wish Somebody Told Me Before
Просмотров 40 тыс.7 месяцев назад
Essential CSS tips and tricks that every front-end developer should know. The 2nd part of the CSS tips series #css #webdesign The first part: ruclips.net/video/2KWdT4PkXgY/видео.html Join the newsletter: list.lama.dev If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: github.com/sa...
Animated Portfolio Website with React & Framer Motion | React Project for Beginners
Просмотров 283 тыс.8 месяцев назад
React Framer Motion portfolio project tutorial with parallax animations Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: github.com/safak/animated-portfolio (Includes starter and completed branches) Join Lama Dev ...
How to Debug Code Like a Pro
Просмотров 59 тыс.8 месяцев назад
How to debug JavaScript Code in VsCode and Chrome. Learn VsCode Debugger and Chrome Debugger. Debugging with a VsCode Extension: console-ninja.com/?referrer=LamaDevCN 00:00 Introduction 00:32 Debugging code with Console.log is not the best idea 01:58 How to Debug Code in Chrome 03:17 How to Debug Code in VsCode 05:00 Best VsCode Extension to Debug Code 10:51 Outro
Full-Stack Blog App Tutorial | Next.js MongoDB Blog App Project Full Course
Просмотров 272 тыс.9 месяцев назад
React Next.js full-stack app project for beginners. Next.js 13 App router full course with MongoDB Get Hostinger Discount: hostinger.com/lamadev10 Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamadev Source Code: Start here: github.com/safak/next-blog/tree/starter Completed: ...
CSS Tips And Tricks I Wish I Knew Before
Просмотров 433 тыс.10 месяцев назад
Unique CSS tips and tricks that every front-end developer should know. Most underrated CSS properties and pseudo classes, effects. #css #webdesign Watch the second part: ruclips.net/video/kINNs4uYYnY/видео.html Join the newsletter: list.lama.dev If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy me a coffee: www.buymeacoffee.com/lamade...
Full Stack Restaurant Food Ordering App Tutorial | Next.js 13 Project (Prisma PostgreSQL Stripe)
Просмотров 80 тыс.10 месяцев назад
Next.js 13 full-stack restaurant/food delivery app course. React Next.js Prisma full project using PostgreSQL, Auth.js, Stripe, Docker, React Query, and Zustand. Tango extension: tango.us You are watching the 2nd part. Watch part 1 (UI Design): ruclips.net/video/gXlcwtS40LA/видео.html If it is valuable to you, you can support Lama Dev. Join: ruclips.net/channel/UCOxWrX5MIdXIeRNaXC3sqIgjoin Buy ...
Restaurant Food Delivery App Design - React Next.js & Tailwind | Responsive Food Ordering Website
Просмотров 89 тыс.10 месяцев назад
Restaurant Food Delivery App Design - React Next.js & Tailwind | Responsive Food Ordering Website
React Admin Dashboard Tutorial | Responsive React Admin Panel UI Design Course
Просмотров 232 тыс.11 месяцев назад
React Admin Dashboard Tutorial | Responsive React Admin Panel UI Design Course
Best VSCode Extensions I'm in Love with
Просмотров 374 тыс.11 месяцев назад
Best VSCode Extensions I'm in Love with
TypeScript for React/Next.js Developers | TypeScript Tutorial for Beginners
Просмотров 142 тыс.Год назад
TypeScript for React/Next.js Developers | TypeScript Tutorial for Beginners
Next.js Full Tutorial for Beginners | Next.js 13 Full Stack App Using App Router
Просмотров 356 тыс.Год назад
Next.js Full Tutorial for Beginners | Next.js 13 Full Stack App Using App Router
Pure React vs Next.js | What’s Happening in React?
Просмотров 53 тыс.Год назад
Pure React vs Next.js | What’s Happening in React?
These Mistakes Slow Down Your React App!
Просмотров 41 тыс.Год назад
These Mistakes Slow Down Your React App!
Is This The Future of React Development?
Просмотров 118 тыс.Год назад
Is This The Future of React Development?
React 3D Portfolio Website with Three.js | Build and Deploy Responsive React Portfolio
Просмотров 312 тыс.Год назад
React 3D Portfolio Website with Three.js | Build and Deploy Responsive React Portfolio
React Node.js Fiverr App Full Tutorial | MERN Stack Freelance Service App w/ Stripe
Просмотров 148 тыс.Год назад
React Node.js Fiverr App Full Tutorial | MERN Stack Freelance Service App w/ Stripe
React Fiverr App Design Tutorial | React UI Full Course for Beginners
Просмотров 114 тыс.Год назад
React Fiverr App Design Tutorial | React UI Full Course for Beginners
Complete E-Commerce App with React, Strapi, Stripe | Shopping App Tutorial for Beginners
Просмотров 374 тыс.Год назад
Complete E-Commerce App with React, Strapi, Stripe | Shopping App Tutorial for Beginners
3 Javascript Projects Every Beginner Should Build
Просмотров 79 тыс.Год назад
3 Javascript Projects Every Beginner Should Build
React Node.js MySQL Social Media App Tutorial | Full Stack Social Network App
Просмотров 247 тыс.Год назад
React Node.js MySQL Social Media App Tutorial | Full Stack Social Network App
React Social Media App Design | Dark/Light Mode & Responsive & HTML CSS
Просмотров 182 тыс.Год назад
React Social Media App Design | Dark/Light Mode & Responsive & HTML CSS
i watch first video but where the video when you code node.js so i mean api folder bc the first video don't have
LamaDev Why do you use a media query to set the width for the container in global.css, instead of using max-width? Is it wrong to use max-width or not?
I have a suggestion for this video, You should use data-focued insted of focused because it is not a standard attribute of the html element. You will find issues with it if you are using typescript in that case you will have to extend jsx types.
why create wrapper css class for every component can't we just add the padding directly to the container class of that component
WHERE IS THE REACT COURSE
I noticed that you are using images as buttons and this is a bad practice as the images can't be focused which means a lack of accessibility
Very informative .Thank you Sir 💯🙏
i really like it but how in this way add multi language to website?
why we are entering *.js in import statement? In regular react code we just implement the filename
@lamaDev thank you for doing this tutorial , this is the kind of content college will never teach ! I'm glad to have come across this channel
thank you very much sir....
One of the best explanation i've ever heard! Thanks a lot! Like and subscription!
seller - "wtf did u give me two stars". Me thinking , i wonder why XD
My vs code is showing 4 errors in the snippets!!
It was pleasure mr lama
Can you please share theme at the time of the video you were showing some good theme
at 1:30:00 I think there is a mistake in the deleteComment controller. I believe the correct code would be the following: export const deleteComment = async (req, res, next) => { try { const comment = await Comment.findById(req.params..id); const video = await Video.findById(comment.videoId); if (comment.userId === req.user..id || video.userId === req.user..id) { await Comment.findByIdAndDelete(req.params..id); res.status(200).json("The comment has been deleted."); } else { return next(createError(403, "You can delete only your comment!")); } } catch (err) { next(err); } }; Please ignore the double dots(..) in the req user id portion.
Can you tell me that is this project fully functional or not?
I can't see any projects anywhere regarding whether it is possible to use next.js with node.js.
simply the best
did you complete it?? i mean the frontend only.
Please, please. When you press the send a message button in singlepage.jsx, the part that enables chatting is missing in profilepage.jsx. Everything about this video was perfect, but the last part was missing.
Awesome Next.js tutorial, Lama! Clear explanations and practical examples. Excited to implement what I've learned. 👍🚀 #NextJS #Lama
First time I completed your video tutorial successfully. Thank you bro!
Thank you so much for this tutorial. It is much needed for me. I learned alot. I do notice that project cannot logout when you are in the Single Post page. Though I think it's for me to solve that one. Thanks!.
This is an excellent tutorial. I learnt a lot with your excellent explanation. thanks a lot for this knowledge sharing.
thanks you for best lecture❤
Beautiful project! TY🤩🙏🏼I got stuck a few times🥵 but I got it working!
Only title and description work for me
Having some issues with next auth @ 2:24:38 specifically with the /dashboard/login . Any help will be greatly appreciated
sir can you make tutorial with this admin dashboard but with modal form for add and edit data please? i try 3 days but i still got error and im very stuck
lama nice tech pleass do big project with react you are amazing
This lesson is concise for beginners. I always like having the options devoid of libraries and dependencies. Thank you
Also the general public doesnt care that your website looks like a bootstrap site lol. Its a website all they care about is if it works and what it does.
Skip the frameworks and just use pure CSS. You get actual full 100% control. You dont need to memorize anything. If you want to create a specific design just look it up in the docs for how to do it.
second half is really confusing, changing server actions into api routes, not completing them, jumping into implementation of auth
can anyone help in deploying the project , backed is deployed fine but i am not able to connect it with frontend after changing the backend url in apirequest file.
Great tutorial... again! I have an issue on the profile page when running the build command which gives me an error of: "message": "Missing site member id: UNKNOWN", and "Permission denied"... Anyone else get this and any solutions?
video 3:36:04 // post.controller.js // I have a question about the post.controller.js. What should I do if I like several posts from same person "A" and want to save them? In the current code, userId do not overlap. err code : Unique constraint failed on the constraint: PrismaClientKnownRequestError: Invalid `prisma.savedPost.create()` invocation: `SavedPost_userId_key`
same error
Do a tutorial pls with all of them
Does any one know how to deploy this ? I am getting errors.
Thank you! Great way! But there is one vulnerability: if we open the developer panel, we see the pattern and can change it, thereby breaking the validation and submitting the form. Is there any way to hide these values?
source code please
Thank you soooooo muchhhh
Can you tell me is this project fully functional or not means we can play videos or not here?
I am @1:13:56 and after I finish this tutorial I am going to use bootstrap in my next training project. Thank you very much Lama Dev for this video tutorial! It's so great!
Your code is full of bugs and skips steps. There's no dummy data in your GitHub repository, making it impossible for a beginner to follow along with the video!
for whom who got stucked on this svg files error, please follow 1. take your svg code and go to any svg to jsx convertor 2. create new file on your img folder and call it in the name of the svg file + .jsx 3. on the new jsx file paste the jsx code from the svg to jsx convertor 4. on jsx file - validate the name of the function is ok add width and height = 20 go to navbar and import the jsx file Done, send me messages if anyone got stuck
In 2:58:34 actually what is req.body.to mean
Please create tutorials
i want source code plz upload