Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/chris-aqui/blog-post-generator

Generate SEO-optimized blog posts using AI
https://github.com/chris-aqui/blog-post-generator

auth0 frontend gpt javascript mongodb nextjs project react seo stripe tailwindcss

Last synced: 2 months ago
JSON representation

Generate SEO-optimized blog posts using AI

Awesome Lists containing this project

README

        

A fictional Software-As-A-Service (SAAS) product called "BlogBrain".

BlogBrain is a platform that allows users to create and generate blog posts using OpenAI's GPT API. It is built on a combination of Next.js, MongoDB, Auth0, Stripe, and Tailwind CSS.

Users can create an account with Auth0 and purchase tokens with Stripe. These tokens can then be used to generate blog posts. The generated blog posts and the user's tokens are stored in MongoDB.

Here is a more detailed breakdown of the technologies used in BlogBrain:

- Next.js: A React framework that is used to build dynamic web pages.
- OpenAI's GPT: A large language model that can be used to generate text, translate languages, write different kinds of creative content, and answer your questions in an informative way.
- MongoDB: A document-oriented database that is used to store user data, such as tokens and generated blog posts.
- Auth0: An identity and access management platform that is used to authenticate and authorize users.
- Stripe: A payment processing platform that is used to handle payments for tokens.
- Tailwind CSS: A utility-first CSS framework that is used to style the BlogBrain platform.

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## todo
- add test

## Screenshots
Screenshot 2023-07-07 at 5 13 30 PM

Screenshot 2023-07-07 at 5 13 42 PM

Screenshot 2023-07-07 at 5 13 57 PM

Screenshot 2023-07-07 at 5 15 22 PM

Screenshot 2023-07-07 at 5 15 33 PM

Screenshot 2023-07-07 at 5 15 53 PM

Screenshot 2023-07-07 at 5 16 20 PM

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.