How did I build ๐Ÿ—๏ธmy first ๐Ÿ—„๏ธAPI with MongoDB and Next.js?

How did I build ๐Ÿ—๏ธmy first ๐Ÿ—„๏ธAPI with MongoDB and Next.js?

building first API

ยท

2 min read

By the way, I am a frontend developer๐Ÿง‘๐Ÿฟโ€๐Ÿ’ป, I always love to use APIs and work with them. but the project that I was wanted to build API is like Apple's ๐ŸŽ Store, and this gave me the will to build an API and release it, A few weeks ago I completed working with my Clone Of Twitter Project, where I had used Firebase as a database, but now I wanted to push myself and use MongoDB as a database.

After thinking a while I start with the project's building

Open source Apple Store API.

using Next.js API Routes it has become very easy to manage the backend. I make simple routing and pages so if the comes to this page will be provided with other these data.

BaseUrl : https://oas.vercel.app/api

/all

baseUrl /all ThanosInfinityWarGIF.gif

it provides all the data from the database, from all the categories without filteration. ๐Ÿ˜Š

/category/:category

baseurl /category/iphone

PhirHeraPheriBCategoryKeCClassLogGIF.gif

here you can add category for your output. and result will be from that category only. example: + /category/watch

     + `/category/iphone`
     + `/category/macbook`
     + `/category/airpods`
     + `/category/ipad`

/series/:series

baseurl /series/MacBook Air ๐Ÿง‘โ€๐Ÿ’ปevery product has series name such as iPhone 13 has series name such as iPhone 13, under iPhone 13 two products come iPhone 13 & iPhone 13 mini.

They are case sentitive ๐Ÿ˜“ so iphone_13, iPhone_13 won't work โŒ, correct way /series/iPhone 13 โœ… without %20

/:_Id

baseurl /6228d7ac2e00fb1164b2df27

DoYouHaveIdWhoAreYouGIF.gif

for getting results realted to single product the /:_Id is used. example: /6228d7ac2e00fb1164b2df27, these are id sentitive fetch with their respective id's.๐Ÿ˜…

{
    "data": {
        "_id": "6228d7ac2e00fb1164b2df27",
        "product_name": "MacBook Pro",
        "product_price": {
            "IN": 109000,
            "US": 999,
            "GBP": 899
    },
    "product_description": "Id culpa aliquip ipsum excepteur sunt incididunt laboris magna incididunt nostrud.",
}
}

CatDrivingGIF.gif

This is how I worked ๐Ÿ’ช๐Ÿพon routing/ and requests.

use this project and let me how was it, I'll your projects' in the featured section.

Share ๐Ÿค๐Ÿพ you ideas thought's regarding this I try to implement that.

BusinessmenHandshakeGIF.gif

Connect with on Twitter : @AbhayPrajapati_ Github : @theabhayprajapati ๐Ÿ‘‹๐Ÿพ

Did you find this article valuable?

Support @Abhay's Blog by becoming a sponsor. Any amount is appreciated!

ย