Build A Contact Us Page with Next.js 13, MongoDB, and Tailwind CSS

Поділитися
Вставка
  • Опубліковано 29 жов 2024

КОМЕНТАРІ • 45

  • @khallingstad
    @khallingstad 3 місяці тому

    Fantastic video! Finally a simple to follow Nextjs tutorial. So many of the other videos on UA-cam are so bloated and just do general introduction of concepts. Thank you for the great work! Keep it up :D

  • @josephbanaag3269
    @josephbanaag3269 Рік тому +1

    The skills that you have when it comes to sharing your knowledge is extremely awesome. Thank you for creating this content. 🚀🚀🚀

  • @tsykin
    @tsykin Рік тому

    Simple yet subtle tutorial. Thanks a lot for helping me learn how to connect to MongoDB!

  • @ahmedaq9018
    @ahmedaq9018 Рік тому +1

    Such a clean a straightforward tutorial! Amazing!!

  • @tomh888
    @tomh888 6 місяців тому

    Thanks for this great tutorial! Helped me so much to build my first fullstack prototype

  • @amychu4510
    @amychu4510 11 місяців тому

    Super useful and straightforward. Thank you!

  • @Thess6969
    @Thess6969 10 місяців тому

    Legend, thank you for your Work

  • @jayantgupta5310
    @jayantgupta5310 Рік тому

    Nice tutorial, try to explain codes as well like what is NextResponse and functions to connect to db... etc.
    because every tutorial shows working code but very few explain those codes.
    Make more videos on Next JS.
    Great work keep it up 👍👍

  • @kareemlateefyomi8690
    @kareemlateefyomi8690 Рік тому

    Great tutorial. 👍 please do more of next js and typescript

  • @mdkawsarislamyeasin4040
    @mdkawsarislamyeasin4040 Рік тому

    Thank you so so so much,
    I really appreciate how you explained, I was suffering from this problem for a long time, I connected mongoDB then also it was showing the same error, how use || operator that was absolutely fantastic idea and also how you checked mongoose connected that is also great idea, I am really thankful to you, I am a beginner in next.js.js
    Thanks again for your help
    And Happy Eid Mubarak to you and your family

    • @GTCoding
      @GTCoding  Рік тому +1

      Thanks. I'm glad I could help.

  • @isurueranga8183
    @isurueranga8183 7 місяців тому +1

    Thanks a lot, brother...

  • @skylakefreak3665
    @skylakefreak3665 8 місяців тому +3

    Now if i host it on Vercel what changes I would required to make?

    • @helojkayy-uv4hl
      @helojkayy-uv4hl 4 місяці тому

      have you found the answer for ur question? please share if u did

  • @lalaniwerake881
    @lalaniwerake881 10 місяців тому

    very nice tutorial, Thanks !

  • @umanggoel5385
    @umanggoel5385 Рік тому

    wonderful explanation

  • @samarthdhawan6149
    @samarthdhawan6149 Рік тому

    Hi, I am getting an error in the console Failed to load resource: the server responded with a status of 404 (Not Found). How to resolve this?

  • @ahmedabdelmeguid1131
    @ahmedabdelmeguid1131 Рік тому

    perfect work ..thanks a lot brother

  • @nakkeerangit
    @nakkeerangit Рік тому

    Bro,Even if you do this,the output does not come,only the error comes ......
    const mongoose = require('mongoose');
    const dotenv = require('dotenv');
    dotenv.config()
    mongoose.connect(process.env.MONGO_URL)
    .then(() => console.log("DB connected!"));
    mongoose.connection.on('error',function(err){
    console.log("The error is: ");
    });

  • @luisjuarez9673
    @luisjuarez9673 10 місяців тому +1

    inicio de la conexion a BD 14:45

  • @alexfurtado1759
    @alexfurtado1759 11 днів тому

    Hi GT really good your video.
    I set up beautiful everything works fine. I change for typescript.
    Can you help me?
    How can you really recive the email in your inbox also.

  • @alirazajafri6092
    @alirazajafri6092 10 місяців тому

    thanks
    it helped me alot..

  • @redbeardjunior
    @redbeardjunior Рік тому

    Thats Nice but handleSubmit = async (e) = {} is not working in production build will throw a error.

  • @raushankumar6993
    @raushankumar6993 6 місяців тому

    Thanks

  • @MrMaraxli
    @MrMaraxli Рік тому

    It was great thank you but can you make second part for this video that we can get data from mongodb and show it on page

    • @GTCoding
      @GTCoding  Рік тому +1

      I will create a video on CRUD operations using MongoDB and NextJS soon.

    • @MrMaraxli
      @MrMaraxli Рік тому

      @@GTCoding also I have question about mongo_uri. You added contact_db at the end of link but I didn't understand point of that . why you added and where we need that?

  • @amardxb999
    @amardxb999 Рік тому

    Nice video

  • @yukiritosurada8392
    @yukiritosurada8392 6 місяців тому

    please make an infinitely nested comments using nextjs and mongodb 🙏🙏

  • @somtochukwuumehdaniel
    @somtochukwuumehdaniel Рік тому

    Please i want you to do a new tutorial as soon as possible. I want to learn how to convert figma designs to react code. I will really appreciate it, if you can create the tutorial as soon as possible

    • @GTCoding
      @GTCoding  Рік тому +1

      Here is a video on that: ua-cam.com/video/SD2l5x00U1k/v-deo.html

  • @chevvvv
    @chevvvv 8 місяців тому +1

    23:40

  • @goviprasath1205
    @goviprasath1205 Рік тому

    const {msg} = await res.json(); i get error this line please tell me how to solve

  • @rohithts2324
    @rohithts2324 Рік тому

    Code is not working 😢

  • @walterlad8010
    @walterlad8010 Рік тому

    email is required error

  • @ElevateMonk
    @ElevateMonk Рік тому

    the source code source is not found

    • @GTCoding
      @GTCoding  Рік тому

      I fixed the link, please check it again.

  • @misbahsiddiqui9365
    @misbahsiddiqui9365 Рік тому

    i am also having error

  • @nakkeerangit
    @nakkeerangit Рік тому

    bro,please replay in my comment....

  • @nakkeerangit
    @nakkeerangit Рік тому

    MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make
    sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.
    at _createMongoClient (E:\NEW CRUD API IN NEXT JS
    ode_modules\mongoose\lib\connection.js:804:11)
    at NativeConnection.openUri (E:\NEW CRUD API IN NEXT JS
    ode_modules\mongoose\lib\connection.js:741:29)
    at Mongoose.connect (E:\NEW CRUD API IN NEXT JS
    ode_modules\mongoose\lib\index.js:404:15)
    at connectDB (webpack-internal:///(sc_server)/./app/lib/mongodb.js:11:67)
    at POST (webpack-internal:///(sc_server)/./app/api/contact/route.js:17:71)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async eval (webpack-internal:///(sc_server)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:253:37)

    • @GTCoding
      @GTCoding  Рік тому

      Make sure that the environment variable for MONGO_URI is set and also check whether there is any typo in accessing it in the mongoose.connect() function.