{"id":26212208,"url":"https://github.com/javascript-pro/monday-nextjs","last_synced_at":"2026-04-27T07:32:18.381Z","repository":{"id":279787276,"uuid":"939960936","full_name":"javascript-pro/monday-nextjs","owner":"javascript-pro","description":"Simple POC connecting NextJS to Monday.com","archived":false,"fork":false,"pushed_at":"2025-03-04T13:34:36.000Z","size":3816,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-27T17:08:32.952Z","etag":null,"topics":["graphql","monday-api","nextjs"],"latest_commit_sha":null,"homepage":"https://monday.goldlabel.pro","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/javascript-pro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"publiccode":null,"codemeta":null}},"created_at":"2025-02-27T11:46:17.000Z","updated_at":"2025-03-04T13:34:38.000Z","dependencies_parsed_at":"2025-02-27T16:57:27.108Z","dependency_job_id":"976eef7a-f1f9-4428-871c-f09ce2f0986d","html_url":"https://github.com/javascript-pro/monday-nextjs","commit_stats":null,"previous_names":["javascript-pro/monday-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/javascript-pro/monday-nextjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fmonday-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fmonday-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fmonday-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fmonday-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javascript-pro","download_url":"https://codeload.github.com/javascript-pro/monday-nextjs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fmonday-nextjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32327701,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["graphql","monday-api","nextjs"],"created_at":"2025-03-12T08:29:14.075Z","updated_at":"2026-04-27T07:32:13.363Z","avatar_url":"https://github.com/javascript-pro.png","language":"TypeScript","readme":"# Monday.com + Next.js API Integration\n\nThis repository demonstrates a proof of concept (PoC) for integrating **Monday.com's GraphQL API** with **Next.js**. The project establishes a secure API layer within a Next.js app that successfully connects to and queries Monday.com. While the current implementation is minimal and does not yet manipulate data, it serves as a foundation for further development.\n\n[Monday.com \u003e NextJS POC Board](https://goldlabel-apps.monday.com/boards/8614115261)\ndemo@goldlabel.pro\ndemo2025\n\n## 🔗 Live Demo\nA live version of this demo is available at:\n[https://monday.goldlabel.pro](https://monday.goldlabel.pro)\n\n## 📂 Repository Overview\n- **Frontend:** A basic Next.js PWA that interacts with the API layer.\n- **Backend:** A Next.js API route that securely connects to Monday.com's GraphQL API.\n\n## 📌 Key Files\n\n### 1. API Route: `src/app/api/monday/route.ts`\nThis file contains the API logic that interacts with Monday.com's GraphQL API. It serves as a bridge between the frontend and Monday.com, handling authentication and requests.\n\n🔗 [View API route](https://github.com/javascript-pro/monday-nextjs/blob/master/src/app/api/monday/route.ts)\n\n### 2. Frontend Page: `src/app/page.tsx`\nThe primary UI component that interacts with the API. It fetches data from the Next.js backend and displays responses.\n\n🔗 [View Frontend Page](https://github.com/javascript-pro/monday-nextjs/blob/master/src/app/page.tsx)\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js 18+\n- A Monday.com account\n- A Monday.com API Key\n- Next.js installed globally (optional)\n\n### Installation\n1. Clone this repository:\n   ```sh\n   git clone https://github.com/javascript-pro/monday-nextjs.git\n   cd monday-nextjs\n   ```\n\n2. Install dependencies:\n   ```sh\n   npm install  # or yarn install\n   ```\n\n3. Set up environment variables:\n   Create a `.env.local` file in the root directory and add your Monday.com API key:\n   ```sh\n   MONDAY_API_KEY=your_monday_api_key_here\n   ```\n\n4. Run the development server:\n   ```sh\n   npm run dev  # or yarn dev\n   ```\n\n5. Open [http://localhost:1997](http://localhost:1997) in your browser to see the demo in action.\n\n## 📈 Next Steps\n- Implement CRUD operations to **create, update, and delete** items within Monday.com.\n- Improve the UI to make data visualization clearer.\n- Enhance error handling and authentication security.\n\n## 🛠 Technologies Used\n- **Next.js** – Full-stack React framework\n- **Monday.com API** – GraphQL API for data retrieval\n- **TypeScript** – Type safety and maintainability\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fmonday-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavascript-pro%2Fmonday-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fmonday-nextjs/lists"}