{"id":13486033,"url":"https://github.com/muttoni/fcl-nextjs-quickstart","last_synced_at":"2025-03-27T20:32:06.016Z","repository":{"id":44922234,"uuid":"439374357","full_name":"muttoni/fcl-nextjs-quickstart","owner":"muttoni","description":"A basic React/NextJS project showing how to use the Flow Client Library (FCL)","archived":false,"fork":false,"pushed_at":"2023-04-17T21:07:43.000Z","size":140,"stargazers_count":28,"open_issues_count":1,"forks_count":11,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-01T18:25:24.405Z","etag":null,"topics":["cadence","flow","nextjs","react","starter","template"],"latest_commit_sha":null,"homepage":"https://fcl-nextjs-quickstart.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/muttoni.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":"2021-12-17T15:18:04.000Z","updated_at":"2024-07-18T16:00:15.000Z","dependencies_parsed_at":"2024-04-06T22:32:04.169Z","dependency_job_id":"eb76f528-f970-4cee-9cd0-60b2b32ae84e","html_url":"https://github.com/muttoni/fcl-nextjs-quickstart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muttoni%2Ffcl-nextjs-quickstart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muttoni%2Ffcl-nextjs-quickstart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muttoni%2Ffcl-nextjs-quickstart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muttoni%2Ffcl-nextjs-quickstart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/muttoni","download_url":"https://codeload.github.com/muttoni/fcl-nextjs-quickstart/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222313549,"owners_count":16965322,"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":["cadence","flow","nextjs","react","starter","template"],"created_at":"2024-07-31T18:00:37.382Z","updated_at":"2024-10-30T21:30:40.926Z","avatar_url":"https://github.com/muttoni.png","language":"JavaScript","funding_links":[],"categories":["Ready To Use"],"sub_categories":["Templates"],"readme":"# How to use the Flow Client Library (FCL) with Next.js\n\nEverything you need to build a Next.js project with the Flow Client Library (FCL).\n\nFor a SvelteKit example, see my other repo: https://github.com/muttoni/fcl-sveltekit\n\n## [Live demo](https://fcl-nextjs-quickstart.vercel.app/)\n\n[![image](https://user-images.githubusercontent.com/27052451/146340356-e34f3c47-43bc-4c11-926b-b82b99d561c6.png)](https://fcl-sveltekit.vercel.app/)\n\n## Running on Flow Testnet\nThis project will run on the Flow testnet simply as:\n```bash\nnpm run build\nnpm run start\n```\n\n## Developing with Flow emulator\n\n**Pre-Requisite**: To develop locally, make sure you have the Flow CLI installed: https://docs.onflow.org/flow-cli/install/\n\nOnce you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start the emulator, deploy the contracts, followed by the development server:\n\n```bash\nflow emulator start --dev-wallet\nflow project deploy --network emulator\n\nnpm run dev\n# or start the server and open the app in a new browser tab\nnpm run dev -- --open\n```\n\n\u003e NOTE: If you are switching between testnet and the emulator without changing tabs, FCL will keep you logged in with your testnet address (or vice-versa). Remember to logout inbetween environments to avoid runtime errors!\n\n## Building\n\nBefore creating a production version of your app, build it!\n\n```bash\nnpm run build\n```\n\n## Testimonials\n\n\u003cimg width=\"343\" alt=\"Screenshot 2022-04-03 at 12 12 20\" src=\"https://user-images.githubusercontent.com/27052451/161422572-007a3740-8272-4e8b-95da-2ec1d5f192d3.png\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuttoni%2Ffcl-nextjs-quickstart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuttoni%2Ffcl-nextjs-quickstart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuttoni%2Ffcl-nextjs-quickstart/lists"}