{"id":16213848,"url":"https://github.com/solygambas/next-batman","last_synced_at":"2026-01-17T06:54:26.288Z","repository":{"id":36659041,"uuid":"215303922","full_name":"solygambas/next-batman","owner":"solygambas","description":"4 small projects to understand Next.js basics.","archived":false,"fork":false,"pushed_at":"2025-01-25T06:38:33.000Z","size":1207,"stargazers_count":1,"open_issues_count":14,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T12:29:42.746Z","etag":null,"topics":["contentful","javascript","netlify-identity","next","nextjs","react","reactjs"],"latest_commit_sha":null,"homepage":"https://next-blog-dagny.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/solygambas.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":"2019-10-15T13:19:26.000Z","updated_at":"2025-01-25T06:38:37.000Z","dependencies_parsed_at":"2024-10-27T20:29:48.931Z","dependency_job_id":"3138c0e4-87be-4398-8378-fbb598faaded","html_url":"https://github.com/solygambas/next-batman","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/solygambas/next-batman","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solygambas%2Fnext-batman","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solygambas%2Fnext-batman/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solygambas%2Fnext-batman/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solygambas%2Fnext-batman/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/solygambas","download_url":"https://codeload.github.com/solygambas/next-batman/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solygambas%2Fnext-batman/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28502972,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T04:31:57.058Z","status":"ssl_error","status_checked_at":"2026-01-17T04:31:45.816Z","response_time":85,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["contentful","javascript","netlify-identity","next","nextjs","react","reactjs"],"created_at":"2024-10-10T11:08:47.253Z","updated_at":"2026-01-17T06:54:26.267Z","avatar_url":"https://github.com/solygambas.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Next.js basics\n\n4 small projects to understand Next.js basics.\n\n| #   | Project                      | Description                                                   |\n| --- | ---------------------------- | ------------------------------------------------------------- |\n| 01  | [**Batman App**](#batman)    | A web app about Batman TV Shows to understand Next.js basics. |\n| 02  | [**Blog App**](#blog)        | A very simple blog app.                                       |\n| 03  | [**Game Vibes**](#gamevibes) | A quick project using Netlify Identity with Next.js.          |\n| 04  | [**Marmite**](#marmite)      | A small recipe app combining Next.js with Contentful.         |\n\n## \u003ca name=\"batman\"\u003e\u003c/a\u003e1) Batman app\n\nA web app about Batman TV Shows to understand Next.js basics.\n\n[See batman folder](batman)\n\n### Features\n\n- starting a Next.js project.\n- navigating between pages with Link.\n- using shared components for layout with props.children.\n- creating dynamic pages with useRouter.\n- creating clean URLs with dynamic routing.\n- fetching data from TVmaze API with isomorphic-unfetch and getInitialProps.\n- styling components with styled-jsx and react-markdown.\n- deploying on ZEIT Now.\n- exporting into a static HTML app.\n\n## \u003ca name=\"blog\"\u003e\u003c/a\u003e2) Blog app\n\nA very simple blog app.\n\n[See blog folder](blog)\n\n### Demo\n\n[See Demo deployed on Vercel](https://next-blog-dagny.vercel.app/)\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"blog\"\u003e\n        \u003cimg src=\"blog/screenshot.png\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n### Features\n\n- creating a Next.js app.\n- navigating between pages with Link.\n- creating a layout and handling metadata with Head.\n- styling pages with CSS modules and global import via \\_app.\n- serving static assets like images with public folder.\n- fetching markdown posts with gray-matter and getStaticProps.\n- handling dynamic routes with getStaticPaths.\n- rendering markdown with remark and remark-html.\n- formatting dates with date-fns.\n- creating an API route.\n- deploying on Vercel.\n\nBased on [Learn Next.js](https://nextjs.org/learn).\n\n## \u003ca name=\"gamevibes\"\u003e\u003c/a\u003e3) Game Vibes\n\nA quick project using Netlify Identity with Next.js.\n\n[See game-vibes folder](game-vibes)\n\n### Demo\n\n[See Demo deployed on Netlify](https://gamevibes.netlify.app/)\n(Email: mario@bros.com - Password: mariobros)\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"game-vibes\"\u003e\n        \u003cimg src=\"game-vibes/screenshot.png\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n### Features\n\n- installing Netlify Identity Widget and deploying on Netlify.\n- creating an auth context with useContext.\n- handling sign up, log in and log out.\n- customizing the navbar for connected users.\n- using Netlify Functions to protect content.\n- enabling Google and GitHub as auth providers.\n\nBased on [Next.js \u0026 Identity (auth) Tutorial](https://www.youtube.com/watch?v=IM7a6BxNof8\u0026list=PL4cUxeGkcC9ig-veuRaLI4QB0Ws8xMzjv) by Shaun Pelling - The Net Ninja (2021).\n\n## \u003ca name=\"marmite\"\u003e\u003c/a\u003e4) Marmite\n\nA small recipe app combining Next.js with Contentful.\n\n[See marmite folder](marmite)\n\n### Demo\n\n[See Demo deployed on Vercel](https://justaddmarmite.vercel.app/)\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"marmite\"\u003e\n        \u003cimg src=\"marmite/screenshot.png\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n### Features\n\n- building a content model and adding recipes on Contentful.\n- configuring Contentful client in a Next.js project.\n- outputting recipe data with getStaticProps.\n- using images from Contentful with next.config.js.\n- customizing the layout with styled JSX.\n- generating paths for recipe details with getStaticPaths.\n- rendering formatted content with Contentful rich text renderer.\n- handling incremental static regeneration with revalidate.\n- displaying a skeleton to handle server-side rendering on new recipes.\n- building a custom 404 page and redirecting users.\n- creating a Vercel deploy hook to trigger builds from Contentful.\n- deploying to Vercel.\n\nBased on [Next.js \u0026 Contentful Site Build Tutorial](https://www.youtube.com/watch?v=m9mNsYJbkNg\u0026list=PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1) by Shaun Pelling - The Net Ninja (2021).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolygambas%2Fnext-batman","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsolygambas%2Fnext-batman","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolygambas%2Fnext-batman/lists"}