Giter VIP home page Giter VIP logo

nextjs-fullstack-crud-app's Introduction

NextJS Full Stack CRUD Application using MongoDB

This is a simple Full Stack CRUD (Create, Read, Update, Delete) Application built using NextJS and MongoDB. It allows users to perform basic CRUD operations on a MongoDB database.

Prerequisites

  1. Node.js v12 or higher

  2. MongoDB database

Getting Started

  1. Clone this repository: git clone https://github.com/Naveen2k22/nextjs-fullstack-crud-app

  2. Change directory: cd nextjs-fullstack-crud-app

  3. Install dependencies: npm install

  4. Set environment variables:

  5. Copy .sample-env to .env : cp .sample-env .env

  6. Set the MONGODB_URI environment variable in .env to the URI of your MongoDB database.

  7. Start the development server: npm run dev

  8. Open http://localhost:3000 in your web browser.

Technologies Used

  1. NextJS: React Framework

  2. MongoDB: NoSQL database

  3. Axios: Promise based HTTP client

  4. Bootstrap: A CSS Framework

Project Structure

  1. /components: React components used throughout the application.

  2. /pages: Next.js pages that correspond to routes.

  3. /public: Static assets like images and favicon.

  4. /styles: Global CSS stylesheets.

  5. /utils: Helper functions used throughout the application.

  6. /.sample-env: Example environment variable file.

  7. /.gitignore: File specifying which files should be ignored by Git.

  8. /package.json: Node.js package manifest file.

  9. /README.md: Readme file.

  10. /next.config.js: Next.js configuration file.

nextjs-fullstack-crud-app's People

Contributors

naveen2k22 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.