Dev-Hooman / task1

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is a Dynamic Sidebar .

image

Working

ezgif-1-99489772d3

Getting Started

First, Import the mock data in your monogodb database with collection name 'menu' or any :

Mock data is located in Mock/menu.json

/pages/MonogodbDrivers/sideBarData.js

import { MongoClient } from 'mongodb';

export async function getStaticProps() {
    const client = await MongoClient.connect("mongodb://localhost:27017");
    const db = client.db("test");
    const menuCollection = db.collection('menu');
    const menu = await menuCollection.find().toArray();
  
    client.close();
  
    return {
      props: {
        menu: JSON.parse(JSON.stringify(menu)),
      },
    };
  }
  

About


Languages

Language:JavaScript 98.2%Language:CSS 1.8%