{"id":16996671,"url":"https://github.com/tyaga001/chatgpt-client-wing-nextjs","last_synced_at":"2026-04-09T21:09:15.150Z","repository":{"id":237628213,"uuid":"794916231","full_name":"tyaga001/chatgpt-client-wing-nextjs","owner":"tyaga001","description":"How to Build a ChatGPT Graphical Client with NextJS and Wing ","archived":false,"fork":false,"pushed_at":"2024-05-31T06:54:57.000Z","size":3712,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T06:43:55.735Z","etag":null,"topics":["blog","chatbot","chatgpt","ui","winglang"],"latest_commit_sha":null,"homepage":"https://dev.to/winglang/building-your-own-chatgpt-graphical-client-with-nextjs-and-wing-29jj","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/tyaga001.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,"publiccode":null,"codemeta":null}},"created_at":"2024-05-02T08:07:30.000Z","updated_at":"2024-07-08T14:52:14.000Z","dependencies_parsed_at":"2024-05-02T21:40:31.933Z","dependency_job_id":"488bcb8c-a0aa-4194-8d9b-ce85dea54b9a","html_url":"https://github.com/tyaga001/chatgpt-client-wing-nextjs","commit_stats":null,"previous_names":["tyaga001/chatgpt-client-wing-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tyaga001/chatgpt-client-wing-nextjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyaga001%2Fchatgpt-client-wing-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyaga001%2Fchatgpt-client-wing-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyaga001%2Fchatgpt-client-wing-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyaga001%2Fchatgpt-client-wing-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tyaga001","download_url":"https://codeload.github.com/tyaga001/chatgpt-client-wing-nextjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyaga001%2Fchatgpt-client-wing-nextjs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260034675,"owners_count":22949122,"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":["blog","chatbot","chatgpt","ui","winglang"],"created_at":"2024-10-14T03:52:28.810Z","updated_at":"2026-04-09T21:09:15.105Z","avatar_url":"https://github.com/tyaga001.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Building a ChatGPT Client with Wing and NextJs\n\nThis repository contains the source code for a web-based ChatGPT client developed using Wing and NextJs. This project demonstrates how to integrate OpenAI's language model (ChatGPT) with a modern NextJs frontend, utilizing Wing as the backend framework for efficient server-client communication.\n\n## Features\n\n- **ChatGPT Integration**: Leverage the power of OpenAI's ChatGPT for generating human-like text responses.\n- **NextJs Frontend**: A clean and responsive UI built with NextJs.\n- **Wing Backend**: Efficient handling of API requests and responses using Wing.\n- **Real-time Interaction**: Smooth and real-time chatting experience.\n\n## Prerequisites\n\nBefore you begin, ensure you have the following installed:\n- Node.js\n- npm or Yarn\n- Python 3.x\n\n## Setup Instructions\n\nClone the repository:\n\ngit clone https://github.com/yourusername/chatgpt-client-wing-react.git\ncd chatgpt-client-wing-nextjs\n\n\nTo get this project up and running on your local machine, follow these steps:\n\n### Backend Setup\n\n1. Navigate to the Backend Directory:\n\ncd backend\n\nRun the Wing server:\nwing it\n\n\n### Frontend Setup\n\n1. Navigate to the Frontend Directory:\ncd front_end\n\nStart the NextJs app:\n\n\n### Configuration\n\n- OpenAI API Key: You will need to add your OpenAI API key to the backend configuration. Place it inside the `secrets.json` file in your backend directory and inside the `.env` file in your frontend directory.\n\n### Requirements\n\n- Wing: Ensure that Wing is installed on your machine. Visit [Wing Installation Guide](https://example.com/wing-installation) for detailed installation instructions.\n\nAfter completing these steps, your ChatGPT client should be fully functional and ready to use.\n\nUsage\n\nTo use the ChatGPT client:\n\nOpen your browser and go to http://localhost:3000.\nType your query into the input box.\nPress enter or click the send button to receive a response from ChatGPT.\n\n## Blog\n[How to Build a ChatGPT Graphical Client with NextJS and Wing](https://dev.to/winglang/building-your-own-chatgpt-graphical-client-with-nextjs-and-wing-29jj)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyaga001%2Fchatgpt-client-wing-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftyaga001%2Fchatgpt-client-wing-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyaga001%2Fchatgpt-client-wing-nextjs/lists"}