Upstar Music
Upstar Music
CRUD and filter operations made with Mongoose on a Nextjs Framework

[nextjs mongoose mui ]

Dez 23, 2021

Upstar Music

added a few artists with faker library

  • Creating Artist you can create manual or automatic (generated by faker) artists

  • Editing Artists you can edit artists and add Albuns

  • Deleting Artists

  • Pagination you have pagination that is updated with the filter

  • Filter you can filter data by:

    • name
    • age range
    • years active range and then submit the filter sort and order is submitted automaticaly. you can clear your filters

libraries used

  • faker: for data generated
  • mui: css framework
  • mongodb/mongose as dababase
  • nextjs: framework. index page and artists are static pages. if you CRUD an artist it will take 10 seconds to build the page
  • useContext: to have some global state, so you navigate between pages without loosing your filters
  • unslash: faker images are not working, so I fetching images from unsplash