Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pnvdev/nextjs-ai-prompts
This is a Next.js application that fetches and displays AI-generated prompts. The prompts are retrieved from a public Google Sheet and are parsed using the PapaParse library. The application is styled with Tailwind CSS.
https://github.com/pnvdev/nextjs-ai-prompts
ai google-sheets nextjs prompts
Last synced: 12 days ago
JSON representation
This is a Next.js application that fetches and displays AI-generated prompts. The prompts are retrieved from a public Google Sheet and are parsed using the PapaParse library. The application is styled with Tailwind CSS.
- Host: GitHub
- URL: https://github.com/pnvdev/nextjs-ai-prompts
- Owner: pnvdev
- License: mit
- Created: 2024-08-20T04:06:06.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T04:44:33.000Z (6 months ago)
- Last Synced: 2024-11-29T14:34:40.583Z (2 months ago)
- Topics: ai, google-sheets, nextjs, prompts
- Language: TypeScript
- Homepage: https://nextjs-ai-prompts-three.vercel.app
- Size: 64.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js AI Prompts
This is a Next.js application that fetches and displays AI-generated prompts. The prompts are retrieved from a public Google Sheet and are parsed using the PapaParse library. The application is styled with Tailwind CSS.
## Features
- **AI Prompts**: Displays randomly selected AI-generated prompts.
- **Responsive Design**: Fully responsive layout optimized for various screen sizes using Tailwind CSS.
- **Dynamic Content**: Fetches content from an external source (Google Sheet) and dynamically updates the UI.
- **TypeScript Support**: Strongly typed with TypeScript for better code quality and developer experience.
## Installation
To get started with the project, clone the repository and install the dependencies:
```bash
git clone https://github.com/pnvdev/nextjs-ai-prompts.git
cd nextjs-ai-prompts
npm install
```
````
## Running the Development Server
You can start the development server by running:
```bash
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to see the application running.
## Environment Variables
Make sure to set up the following environment variables in a `.env.local` file:
```env
NEXT_PUBLIC_SHEET=
```
## Project Structure
- `pages/`: Contains the main pages of the application.
- `components/`: Reusable React components used throughout the project.
- `styles/`: Custom Tailwind CSS styles.
- `utils/parse.ts`: Utility function to parse the CSV data fetched from the Google Sheet.
## Usage
- The main page of the application fetches data from the provided Google Sheet URL, parses it using PapaParse, and displays a random AI-generated prompt.
- Tailwind CSS is used to style the components, ensuring a clean and modern UI.
## Contributing
Contributions are welcome! If you have any ideas or improvements, feel free to open an issue or create a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgements
- [Next.js](https://nextjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [PapaParse](https://www.papaparse.com/)
````