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.
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
- add test
![Screenshot 2023-07-07 at 5 13 30 PM](https://private-user-images.githubusercontent.com/2739361/251867211-a7a3f935-3bbc-47e5-9f1d-6063099bad0b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzIxMS1hN2EzZjkzNS0zYmJjLTQ3ZTUtOWYxZC02MDYzMDk5YmFkMGIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDEwMTcwNjhiYjIwZjc4ZmY2ZWVjZWQ3ODZkMmE2NjE1ZmRiZjY5NGU0NjE3OWYwZDYwZmJjYjc5MTIwNTA3MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.VCGkLe1I-105LmA2tQmE_F0NN41p7Mq3c05ninakCSc)
![Screenshot 2023-07-07 at 5 13 42 PM](https://private-user-images.githubusercontent.com/2739361/251867231-deb4f2e9-ffb7-4740-9c2a-10194c6337b0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzIzMS1kZWI0ZjJlOS1mZmI3LTQ3NDAtOWMyYS0xMDE5NGM2MzM3YjAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ODFlNWQxMTBmMmQ4NDViMDk0YzQ3MzM1ZmJjNGJmOTIxYjQxZDczYzFjZGMzYjBmOGMyNThiMTA2NGJiZGFiOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.GkXhvzbMaLZHA8_iLByy5aGCX5ps5YwOKsg03FFFKXE)
![Screenshot 2023-07-07 at 5 13 57 PM](https://private-user-images.githubusercontent.com/2739361/251867277-72e139df-f475-43c1-8fe9-6ded4eb5d750.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzI3Ny03MmUxMzlkZi1mNDc1LTQzYzEtOGZlOS02ZGVkNGViNWQ3NTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTAyNTlmNmQ4NGJjODQ4MzgxMTBhYjRjNmFjYTM0NDgyZjNkZmUyN2ZlYWQwYzYwZmY3MjVlMjg5YjFkNTc2OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Ku5UNuBenkXTWlNO8pdU3WUCXm_ZbFsFdPIrY0rWSHA)
![Screenshot 2023-07-07 at 5 15 22 PM](https://private-user-images.githubusercontent.com/2739361/251867343-2ea108ea-06db-4ceb-aa09-d3f36ede2a33.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzM0My0yZWExMDhlYS0wNmRiLTRjZWItYWEwOS1kM2YzNmVkZTJhMzMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTJhZTllMjdjMDllMjI3OWNmZDVkYzQ5N2Y0MWQ2NWJhOGNiMGQ2YzBkODY4NDkzYmRkZDM3ZDZjNzc2Nzg4MiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.DxKIqin5Sf2XJzjk7PJqvjgT879szqaYSF1Ay8Axmwg)
![Screenshot 2023-07-07 at 5 15 33 PM](https://private-user-images.githubusercontent.com/2739361/251867357-1d3e79ca-398f-432f-89c5-4dc812e934e8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzM1Ny0xZDNlNzljYS0zOThmLTQzMmYtODljNS00ZGM4MTJlOTM0ZTgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2E2Y2NmMWJmNmY0OGVmZTAxNTMxMTRmZDZlNTQyMzIxZjZlMTQ2MDQzZmQzZmQyZjcxMzYzMDc5NWZhMTY0YiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.lARnQW5my1p6E-9DNmiZJo_eq4Ke7ZU0fCoVZsh-KgM)
![Screenshot 2023-07-07 at 5 15 53 PM](https://private-user-images.githubusercontent.com/2739361/251867368-52b42fc7-dddb-41b2-b324-c5dff589b052.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzM2OC01MmI0MmZjNy1kZGRiLTQxYjItYjMyNC1jNWRmZjU4OWIwNTIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmE2OTI4NGIyYzljOWEzNGU0YzUyY2NiMTRlM2VlMzg4NWQxMzMwODE5NWQ0YmFmMzU3YTZhZTViOWFhOTU2NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.oImOCvyV9g2TCHhXtqtOgJwgCaZHU2RzugtMWOvEJIU)
![Screenshot 2023-07-07 at 5 16 20 PM](https://private-user-images.githubusercontent.com/2739361/251867400-92028477-6b43-4353-a775-c4e6a68b8e1f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NTU2NDYsIm5iZiI6MTcyMzg1NTM0NiwicGF0aCI6Ii8yNzM5MzYxLzI1MTg2NzQwMC05MjAyODQ3Ny02YjQzLTQzNTMtYTc3NS1jNGU2YTY4YjhlMWYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMDA0MjI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmE1ZmJjYmE5MjkyOGU4N2FjZjkyNzcyZjY0NjNjYTBmODVhNDNjZDE5YjBhZWI3ZjI3OTdiNGI2YmI4NDA2OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.oOwxriC1EW3J_esdG2gWZCBnbuZZbgpBvBoUYx2Pk3o)
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.