Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shivankk26/nextjs-fullstack-app

Welcome to our Next.js fullstack project, where you can seamlessly create and upload blogs with Google OAuth integration. This project leverages MongoDB for efficient data storage, Next.js for the frontend, and Tailwind CSS for styling.
https://github.com/shivankk26/nextjs-fullstack-app

git github javascript mongodb mongoose nextjs oauth2 swr tailwindcss

Last synced: about 2 months ago
JSON representation

Welcome to our Next.js fullstack project, where you can seamlessly create and upload blogs with Google OAuth integration. This project leverages MongoDB for efficient data storage, Next.js for the frontend, and Tailwind CSS for styling.

Awesome Lists containing this project

README

        

# Next.js Fullstack Blog Project

Welcome to our Next.js fullstack project, where you can seamlessly create and upload blogs with Google OAuth integration. This project leverages MongoDB for efficient data storage, Next.js for the frontend, and Tailwind CSS for styling.

## Features

- **Blog Creation**: Easily compose and upload your blogs using our user-friendly interface.
- **Google OAuth Integration**: Securely log in with your Google account for a seamless and personalized experience.

## Tech Stack

- **Next.js**: The React framework for building efficient and scalable web applications.
- **MongoDB**: A NoSQL database for storing and retrieving blog data efficiently.
- **Tailwind CSS**: A utility-first CSS framework for rapid and responsive styling.

## Getting Started

1. Clone the repository:

```bash
git clone https://github.com/ShivankK26/NextJS-FullStack-App.git
cd nextjs-fullstack-app
```

2. Install dependencies:

```bash
npm install
```

3. Set up Google OAuth credentials:
- Obtain your Google API credentials and configure them in the project.

4. Configure MongoDB connection:
- Set up your MongoDB connection string in the appropriate configuration file.

5. Start the development server:

```bash
npm run dev
```

Visit [http://localhost:3000](http://localhost:3000) to view your application.