Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/shivankk26/nextjs-fullstack-app
- Owner: ShivankK26
- Created: 2024-01-15T17:38:16.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-26T21:29:23.000Z (12 months ago)
- Last Synced: 2024-04-28T06:19:19.781Z (8 months ago)
- Topics: git, github, javascript, mongodb, mongoose, nextjs, oauth2, swr, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 1.74 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.