{"id":22302381,"url":"https://github.com/getfrontend/next-app-ai-prompts","last_synced_at":"2026-04-10T17:08:12.688Z","repository":{"id":221879770,"uuid":"755564185","full_name":"getFrontend/next-app-ai-prompts","owner":"getFrontend","description":"AI-Powered Next.js 14 Application + MongoDB + Tailwind + OAuth 2.0","archived":false,"fork":false,"pushed_at":"2024-02-15T07:50:02.000Z","size":880,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T21:14:55.367Z","etag":null,"topics":["ai","aiprompts","bycrypt","fullstack","fullstack-javascript","google-authentication","mongodb","mongoose","next","next-auth","next14","nextauth","nextjs","promptopia","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://top-aiprompts.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/getFrontend.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-10T15:45:38.000Z","updated_at":"2024-12-04T21:20:30.000Z","dependencies_parsed_at":"2024-02-12T23:04:04.439Z","dependency_job_id":null,"html_url":"https://github.com/getFrontend/next-app-ai-prompts","commit_stats":null,"previous_names":["getfrontend/next-app-ai-promts","getfrontend/next-app-ai-prompts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getFrontend%2Fnext-app-ai-prompts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getFrontend%2Fnext-app-ai-prompts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getFrontend%2Fnext-app-ai-prompts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getFrontend%2Fnext-app-ai-prompts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/getFrontend","download_url":"https://codeload.github.com/getFrontend/next-app-ai-prompts/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245563083,"owners_count":20635937,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","aiprompts","bycrypt","fullstack","fullstack-javascript","google-authentication","mongodb","mongoose","next","next-auth","next14","nextauth","nextjs","promptopia","tailwind","tailwindcss"],"created_at":"2024-12-03T18:36:48.083Z","updated_at":"2025-12-30T23:25:22.813Z","avatar_url":"https://github.com/getFrontend.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About\n\nThe project was implemented in order to learn the **Next JS** framework, understand the skills of development and deployment of fullstack applications, user authentication and application interaction with the MongoDB database.\n\nThis is based on the **JavaScript Mastery** tutorial video, which used Next 13. I had to update the project to the latest Next 14.1 version myself.\n\nThe implementation on the Next framework made it possible to make a modern and very fast [site](https://top-aiprompts.vercel.app/). PageSpeed Insights results:\n\n✅ Mobile: 98 / 100 / 100 / 100\n\n✅ Desktop: 93 / 100 / 100 / 100\n\n\u003cimg src=\"https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/pagespeed_mobile.png?raw=true\" width=\"49%\"/\u003e \u003cimg src=\"https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/pagespeed_desktop.png?raw=true\" width=\"49%\"/\u003e\n\n## 🔋 Features\n\n✅ **Modern Design with Glassmorphism Trend Style:**\n\nA modern and visually appealing design, incorporating the glassmorphism trend style for a sleek and contemporary appearance.\n\n![](https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/aiprompts_preview.png?raw=true)\n\n✅ **Discover and Share AI Prompts:**\n\nAllow users to discover AI prompts shared by the community and create their own prompts to share with the world.\n\n![](https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/aiprompts_preview-2.png?raw=true)\n\n✅ **Edit and Delete Created Prompts:**\n\nUsers have the ability to edit their created prompts at any time and delete them when needed.\n\n✅ **Profile Page:**\n\nEach user gets a dedicated profile page showcasing all the prompts they've created, providing an overview of their contributions.\n\n![](https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/aiprompts_preview-3.png?raw=true)\n\n✅ **View Other People's Profiles:**\n\nUsers can explore the profiles of other creators to view the prompts they've shared, fostering a sense of community.\n\n![](https://github.com/getFrontend/next-app-ai-prompts/blob/main/public/aiprompts_preview-4.png?raw=true)\n\n✅ **Copy prompt to Clipboard:**\n\nImplement a convenient \"Copy to Clipboard\" functionality for users to easily copy the AI prompts for their use.\n\n✅ **Search Prompts by Specific text, username or tag:**\n\nAllow users to search for prompts based on specific tags, making it easier to find prompts related to specific topics.\n\n✅ **Google Authentication using NextAuth:**\n\nEnable secure Google authentication using NextAuth, ensuring a streamlined and trustworthy login experience.\n\n✅ **Responsive Website with Tailwind CSS:**\n\nDevelop a fully responsive website to ensure optimal user experience across various devices, from desktops to smartphones.\n\nand many more, including code *architecture* and *reusability*.\n\n## Tech Stack\n\n- Next.js + Turbopack\n- MongoDB\n- NextAuth + Google OAuth 2.0\n- TailwindCSS\n\n## API\n\nAPI folder structure:\n\n* Auth\n* Prompt\n\t* ID\n\t* New\n* Users\n\n### API endpoints\n\nGet all prompts:\n\n**GET**: `/api/prompt`\n\nGet all posts for the user:\n\n**GET**: `/api/users/${session?.user.id}/posts`\n\nGet all posts of the user on the user`s profile:\n\n**GET**: `/api/users/${params?.id}/posts`\n\nGet prompt by ID:\n\n**GET**: `/api/prompt/${promptId}`\n\nCreate new prompt:\n\n**POST**: `api/prompt/new`\n\nDelete prompt:\n\n**DELETE**: `/api/prompt/${post._id.toString()}`\n\nUpdate prompt after editing:\n\n**PATCH**: `/api/prompt/${promptId}`\n\n### Error Handling\n\nThe API endpoints return error responses with status code (200, 404, 500) and message.\n\n## Installation\n\nMake sure you have the following installed on your machine:\n\n* Git\n* Node.js\n* npm (Node Package Manager)\n\n1. Clone the repository to your local machine using the following command:\n```bash\ngit clone https://github.com/getFrontend/next-app-ai-prompts.git\n```\n2. Install the necessary dependencies by navigating to the project directory and running:\n```bash\nnpm install\n```\n3. Create a `.env` file in the root directory of the project and add the following environment variables:\n\n```bash\n\nGOOGLE_ID=\nGOOGLE_CLIENT_SECRET=\nMONGODB_URI=\nNEXTAUTH_URL=http://localhost:3000\nNEXTAUTH_URL_INTERNAL=http://localhost:3000\nNEXTAUTH_SECRET=\n\n```\n\nReplace the placeholder values with your actual credentials. You can obtain these credentials by signing up on these corresponding websites from Google Cloud Console, Cryptpool (for random Auth Secret), and MongoDB.\n\n4. Run the app:\n\n```bash\n   npm run dev\n```\n\nOpen http://localhost:3000 in your browser to view the project.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetfrontend%2Fnext-app-ai-prompts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgetfrontend%2Fnext-app-ai-prompts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetfrontend%2Fnext-app-ai-prompts/lists"}