{"id":21038198,"url":"https://github.com/jglchen/chirper-next","last_synced_at":"2026-04-12T03:03:13.084Z","repository":{"id":214572494,"uuid":"692607036","full_name":"jglchen/chirper-next","owner":"jglchen","description":"Laravel Chirper application/authentication kit with frontend in Next.js.","archived":false,"fork":false,"pushed_at":"2023-12-31T06:52:37.000Z","size":141,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-20T16:25:28.207Z","etag":null,"topics":["docker","nextjs","nodejs","reactjs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/jglchen.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}},"created_at":"2023-09-17T02:23:57.000Z","updated_at":"2023-09-17T02:28:52.000Z","dependencies_parsed_at":"2023-12-31T07:35:12.718Z","dependency_job_id":"d23a93fc-89f9-4025-a9cb-4f9247e2bc9a","html_url":"https://github.com/jglchen/chirper-next","commit_stats":null,"previous_names":["jglchen/chirper-next"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jglchen%2Fchirper-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jglchen%2Fchirper-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jglchen%2Fchirper-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jglchen%2Fchirper-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jglchen","download_url":"https://codeload.github.com/jglchen/chirper-next/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243482853,"owners_count":20297897,"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":["docker","nextjs","nodejs","reactjs","typescript"],"created_at":"2024-11-19T13:29:57.326Z","updated_at":"2025-12-31T00:25:48.754Z","avatar_url":"https://github.com/jglchen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Laravel Chirper - Next.js Edition 🏝️\n\n## Introduction\n\nThis repository is an implementation of the [Laravel Breeze](https://laravel.com/docs/starter-kits) application / authentication starter kit frontend in [Next.js](https://nextjs.org). All of the authentication boilerplate is already written for you - powered by [Laravel Sanctum](https://laravel.com/docs/sanctum), allowing you to quickly begin pairing your beautiful Next.js frontend with a powerful Laravel backend.\n\n## Official Documentation\n\n### Installation\n\nFirst, create a Next.js compatible Laravel backend by installing Laravel Breeze into a [fresh Laravel application](https://laravel.com/docs/installation) and installing Breeze's API scaffolding:\n\n```bash\n# Create the Laravel application...\nlaravel new next-backend\n\ncd next-backend\n\n# Install Breeze and dependencies...\ncomposer require laravel/breeze --dev\n\nphp artisan breeze:install api\n\n# Run database migrations...\nphp artisan migrate\n```\n\nNext, ensure that your application's `APP_URL` and `FRONTEND_URL` environment variables are set to `http://localhost:8000` and `http://localhost:3000`, respectively.\n\nAfter defining the appropriate environment variables, you may serve the Laravel application using the `serve` Artisan command:\n\n```bash\n# Serve the application...\nphp artisan serve\n```\n\nNext, clone this repository and install its dependencies with `yarn install` or `npm install`. Then, copy the `.env.example` file to `.env.local` and supply the URL of your backend:\n\n```\nNEXT_PUBLIC_BACKEND_URL=http://localhost:8000\n```\n\nFinally, run the application via `npm run dev`. The application will be available at `http://localhost:3000`:\n\n```\nnpm run dev\n```\n\n\u003e Note: Currently, we recommend using `localhost` during local development of your backend and frontend to avoid CORS \"Same-Origin\" issues.\n\n### Authentication Hook\n\nThis Next.js application contains a custom `useAuth` React hook, designed to abstract all authentication logic away from your pages. In addition, the hook can be used to access the currently authenticated user:\n\n```js\nconst ExamplePage = () =\u003e {\n    const { logout, user } = useAuth({ middleware: 'auth' })\n\n    return (\n        \u003c\u003e\n            \u003cp\u003e{user?.name}\u003c/p\u003e\n\n            \u003cbutton onClick={logout}\u003eSign out\u003c/button\u003e\n        \u003c/\u003e\n    )\n}\n\nexport default ExamplePage\n```\n\n\u003e Note: You will need to use [optional chaining](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining) (`user?.name` instead of `user.name`) when accessing properties on the user object to account for Next.js's initial server-side render.\n\n### Named Routes\n\nFor convenience, [Ziggy](https://github.com/tighten/ziggy#spas-or-separate-repos) may be used to reference your Laravel application's named route URLs from your React application.\n\n## Contributing\n\nThank you for considering contributing to Breeze Next! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).\n\n## Code of Conduct\n\nIn order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).\n\n## Security Vulnerabilities\n\nPlease review [our security policy](https://github.com/laravel/breeze-next/security/policy) on how to report security vulnerabilities.\n\n## License\n\nLaravel Breeze Next is open-sourced software licensed under the [MIT license](LICENSE.md).\n\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.\n\n[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjglchen%2Fchirper-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjglchen%2Fchirper-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjglchen%2Fchirper-next/lists"}