https://github.com/m-yasirghaffar/blog-web-app-fullstack-nextjs
https://github.com/m-yasirghaffar/blog-web-app-fullstack-nextjs
blog deployment full-stack github-oauth2 google-oauth2 mongodb mongodb-atlas nextj oauth2 prisma vercel
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/m-yasirghaffar/blog-web-app-fullstack-nextjs
- Owner: M-YasirGhaffar
- Created: 2024-05-25T06:42:40.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-06-04T09:42:20.000Z (12 months ago)
- Last Synced: 2025-01-11T15:37:18.301Z (4 months ago)
- Topics: blog, deployment, full-stack, github-oauth2, google-oauth2, mongodb, mongodb-atlas, nextj, oauth2, prisma, vercel
- Language: JavaScript
- Homepage: https://blog-web-app-fullstack-nextjs.vercel.app
- Size: 5.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Next Blog - A Next.js Blog Application
This is a full-featured blog application built with Next.js, Prisma, and Firebase. It includes features like user authentication, post creation, post search, and theme toggling.
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
### Prerequisites
- Node.js
- npm
- A Firebase account
- A Google account (for OAuth)
- A GitHub account (for OAuth)
### Installation
1. Clone the repository:
```sh
git clone https://github.com/yourusername/next-blog.git
```
2. Install the dependencies:
```sh
cd next-blog
npm install
```
3. Copy the [``.env.example``](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FC%3A%2FUsers%2FKiteretsu%2FDesktop%2Fnext-blog%2F.env.example%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "c:\Users\Kiteretsu\Desktop\next-blog\.env.example") file to a new file named [``.env``](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FC%3A%2FUsers%2FKiteretsu%2FDesktop%2Fnext-blog%2F.env%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "c:\Users\Kiteretsu\Desktop\next-blog\.env"):
```sh
cp .env.example .env
```
4. Fill in the [``.env``](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FC%3A%2FUsers%2FKiteretsu%2FDesktop%2Fnext-blog%2F.env%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "c:\Users\Kiteretsu\Desktop\next-blog\.env") file with your environment variables:
```env
GOOGLE_ID =
GOOGLE_SECRET =
NEXT_PUBLIC_NEXTAUTH_URL =
NEXTAUTH_SECRET =
DATABASE_URL =
FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_APP_ID=
FIREBASE_MEASUREMENT_ID=
GITHUB_ID =
GITHUB_SECRET =
```
5. Run the development server:
```sh
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Features
- User Authentication: Users can log in using Google or GitHub OAuth.
- Post Creation: Authenticated users can create new blog posts.
- Post Search: Users can search for posts by title or content.
- Theme Toggling: Users can switch between light and dark themes.