Відео

I was searching this manual conversion of figma to code I used to get only ai conversion videos, but now i am happy after finding this series Thanks a lot God bless you

you are amazing at explaining. i dont know why your videos dont have over 100,000 views minimum.

Add tutorial how to deploy manually (from netlify)

nice thopic💀

best explained next authentication concept; easy to understand

can you tell which google documentation you are using

good video worked for me

Thank you so much! It's hard to find detailed step by step real world website development like this video.

You're the GOAT !!

Amazing, exactly what I was looking for.. if time allows you, can you please also make a video on how to add a button on the bottom to create a new instance if is not on the list. I will definitely subscribe to the channel :)

Brilliantly explained! Thank you sir! Lot of love from Kerala, India ❣ 💓 💑 💜

37:00 You don't have to create extra api route (userExists). All you have to do is set email unique: true in the schema. And update the same api route (register). const existingUser = await User.findOne({ email }); if (existingUser) { return NextResponse.json( { message: "Email already in use." }, { status: 409 } // conflict status ); } The form will display the message if you have this when (res.ok) = false const data = await res.json(); setError(data.message)

Great video man thank you for the help!

New Request for Add Topic = New Connecting to Mongo? How make 1 time connect to Mongo for full time work Next App? Where One RUn "Next App" = "One Connect to Mongo" but not "One Request = New COnnect to DB" My ENglish is bad

in the component TopicsList for some reason I keep getting this error after copying exactly whats on github Error: Cannot destructure property 'topics' of '(intermediate value)' as it is undefined.

W video!

Amazing❤! Can You Continue This Project As a Complete Production Website like Social Media Or Chat App with Socket io?

Really Amazing Teaching❤❤

Its really helpful.

sir the middleware logout button will not work its refresh and have on the same page dashbord page

silkycrisp explanation

Awesome video! Very well explained. I created it using TypeScript. Thanks!

Can you share a .env example?

you are now my go-to tutorials for next and mongo. im still learning mongo and you've made it a bit easier for me. could you one day make a tutorial of a very simple todo list with CRUD mongo, next, and authentication?

For those having issues after the minute 40, try the following on the page.jsx: import { useState, useEffect } from 'react' export default function TopicsList() { const [topics, setTopics] = useState(null) const [isLoading, setLoading] = useState(true) useEffect(() => { fetch('api/topics') .then((res) => res.json()) .then((topics) => { setTopics(topics) setLoading(false) }) }, []) if (isLoading) return <p>Loading...</p> if (!topics) return <p>No profile data</p> return ( <> {topics && topics.map((t) => (

2024

Thank you very much. You have hit the nail on the head :)

where this figma files?

how do i deploy this?

Thank you, simple Nice explanation.

thanks bro learn alot from your course, do you have github link for this code , i have to made corrections because my code is not working and fecting posts[0] && posts[0] in h1

Thank you, now you are my teacher!

can i ask.. im learning but i was curious. Now that they have plugins like Yotako and such, is this method still the best way to transfer a figma design to wordpress? i am still gonna learn this meathod bc i think learning how to develop is an amazing skill to have but i was just curious is now with differrnt plugins were they made to forget about converting sites in this way?

no figma file in github link provided?

I dont have start quiz opton. What to do

Clean and clear!

Thank you. I have a small doubt, do I need to set the width for body to 1440px if the given figma design container width is 1440px?

Thank you, so many tutorial I watched was jumping all over the place. Yours is very simple and clear thank you :)

which app do you use for coding

This template figma convert to html for sell themeforest, I can do it?

thank you man u helped me a lot !!!! learnt many things from building this project even though i dont know Next Js💯💯❤‍🔥❤‍🔥❤‍🔥❤‍🔥😃😊 dont stop making videos

Thanks bro It's very good peace and love ^.^

Thanks for this one

Tq helped me a lot

Thank you for this tutorial

A nice example that help me learning the Next.js much better

[00:02]emonstrating CRUD operations on MongoDB with a Next.js application. [02:06] Operations in MongoDB include adding, reading, updating, and removing data. [06:37] Adding styles to the layout using Tailwind CSS [08:49] Designing the topics list component with topic title, description, and buttons. [13:22] Creating an 'add topic' page with Next.js and linking it properly. [15:31] Creating add topic and edit topic pages [19:42] Setting up environment variables and database connection [21:44] Creating a connection to MongoDB and setting up a model structure. [25:58] Connecting to MongoDB and creating a topic in the CRUD app. [28:06] Creating and testing a CRUD app with Next.js and MongoDB [32:36] Create a dynamic route for update operation [34:54] Using the PUT method to update data in the MongoDB CRUD app. [39:11] Fetching topic title and description from MongoDB collection. [41:11] Creating a Next.js CRUD app with MongoDB. [45:31] Transforming server component to client component and setting up data state [47:35] Handle form submission and data validation [51:52] Implementing a confirmation prompt and sending the ID for topic deletion. [54:06] Demonstration of topic deletion and automatic page refresh [58:13] Updating data without caching and handling errors while fetching data. [1:00:24] Handling form submission and updating data using Next.js and MongoDB [1:04:52] Encouraging audience interaction and engagement

Simple and excellent

Absolutely spot on. Exactly what I was looking for. Too good, easy and made complete sense. The instructor is a thorough professional. Have a lovely day ahead mate.

i am ubable to import your provided figma file into my figma. it says indesicive is at the figma file limit