https://github.com/kazvee/blog-bonanza

🔒 Project built to explore Auth0 integration on a Next.js app styled with Tailwind CSS 🙂
https://github.com/kazvee/blog-bonanza

auth0 fontawesome-icons nextjs tailwind-css

Last synced: 16 days ago
JSON representation

🔒 Project built to explore Auth0 integration on a Next.js app styled with Tailwind CSS 🙂

• Host: GitHub
• URL: https://github.com/kazvee/blog-bonanza
• Owner: kazvee
• Created: 2024-04-17T14:40:16.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-21T04:00:49.000Z (9 months ago)
• Last Synced: 2024-12-06T04:15:37.423Z (about 2 months ago)
• Topics: auth0, fontawesome-icons, nextjs, tailwind-css
• Language: JavaScript
• Homepage:
• Size: 3.64 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog Bonanza ⭐

Blog Bonanza is a learning project primarily focused on exploring the integration of Auth0 into a Next.js application, styled with Tailwind CSS. 

This project's main objective was to understand and implement security measures using Auth0, which has successfully been achieved.  

This knowledge can now be applied to future development projects with authentication and authorization requirements. 

![Screenshot of Main Page](public/ReadMe/Blog_Bonanza_Main_Page.png)

![Screenshot of Auth0 Login](public/ReadMe/Blog_Bonanza_Login.png)

Potential future enhancements could include integrating an LLM API to auto-generate blog posts on requested topics, saving AI-generated content to a database, and implementing a payment platform to enable users to purchase more AI API tokens to generate even more blog posts. 

## Dependencies

- Auth0

- Font Awesome

- Next.js

- Tailwind CSS

## Installation

- Fork this repository to your own GitHub account.

- Clone your fork onto your local device.

- Install all dependencies using the `npm i` (or `npm install`) command.

- Create a new `.env.local` file containing your Auth0 account credentials, using the `.env.local.sample` file for guidance

- Start the web server using the `npm run dev` command.

- Navigate to [http://localhost:3000](http://localhost:3000/) in your browser.

- Click the green `Get Started` button

- Follow the Auth0 login window prompts to register and login

## Thanks and Acknowledgements

- Icons by [Font Awesome](https://fontawesome.com/)

- Background Image by [Alexander Grey](https://www.pexels.com/photo/pink-bokeh-lights-1560575/)