{"id":17837860,"url":"https://github.com/sampoder/wild-quiz-bowl","last_synced_at":"2025-07-04T01:34:00.492Z","repository":{"id":55584985,"uuid":"408813407","full_name":"sampoder/wild-quiz-bowl","owner":"sampoder","description":null,"archived":false,"fork":false,"pushed_at":"2021-09-24T15:18:00.000Z","size":65,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-02T13:49:55.368Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/sampoder.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}},"created_at":"2021-09-21T12:35:14.000Z","updated_at":"2022-08-10T16:20:19.000Z","dependencies_parsed_at":"2022-08-15T03:40:37.886Z","dependency_job_id":null,"html_url":"https://github.com/sampoder/wild-quiz-bowl","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sampoder/wild-quiz-bowl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sampoder%2Fwild-quiz-bowl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sampoder%2Fwild-quiz-bowl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sampoder%2Fwild-quiz-bowl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sampoder%2Fwild-quiz-bowl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sampoder","download_url":"https://codeload.github.com/sampoder/wild-quiz-bowl/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sampoder%2Fwild-quiz-bowl/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263431114,"owners_count":23465478,"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":[],"created_at":"2024-10-27T20:49:06.620Z","updated_at":"2025-07-04T01:34:00.453Z","avatar_url":"https://github.com/sampoder.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Next Theme Starter\n\nA sample [Next.js] project for getting started with [MDX] \u0026 [Theme UI].\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Flachlanjc%2Fnext-theme-starter\u0026repository-name=next-theme-starter)\n\n[next.js]: https://nextjs.org\n[mdx]: https://mdxjs.com\n[theme ui]: https://theme-ui.com\n\n## Usage\n\n1. Import this repo to your coding environment of choice. [Download a zip](https://github.com/lachlanjc/next-theme-starter/archive/refs/heads/main.zip), use Create Next App (`yarn create next-app -e https://github.com/lachlanjc/next-theme-starter`),  or use the GitHub import on CodeSandbox/repl.it/Glitch/etc.\n2. `yarn` to install dependencies.\n3. `yarn dev` to start your server.\n4. Start adding your own pages \u0026 components in their respective directories.\n\n## Configuration\n\n### Theme switcher\n\nThere’s an included example theme switcher component at `components/color-switcher.js`,\nwhich is included on every page through its inclusion in `pages/_app.js`.\nFeel free to change/remove it.\n\n### Custom theme\n\nBy default, a theme inspired by the [Hack Club Theme](https://theme.hackclub.com) is included.\nTo edit the theme, head to `lib/theme.js`.\n\n### Running at another port\n\nSuper easy: `yarn dev -p 5000`\n\n### Dependency updates\n\nThe included Dependabot configuration file means you’ll automatically get PRs\nevery Monday with dependency updates. Delete `.github/dependabot.yml` to\ndisable.\n\n### Meta tags\n\nThis template includes a `Meta` component for adding full meta tags.\nTo set the defaults, open `components/meta.js` \u0026 change the default props.\n\nIt’s included in `pages/_app.js` so all pages have the default tags without\nanything per-page, but due to the `key`s included on each tag, if you render\nthe component multiple times (such as once in `_app` \u0026 again on an invidual page),\nthe last instance of each tag will be used, with duplicates.\n\nIf you don’t set a `description` or `image`, the relevant tags for those fields\nwill be omitted.\n\nHere’s how you use `Meta` on a page:\n\n```js\nimport Meta from '../components/meta'\n\nconst AboutPage = () =\u003e (\n  \u003c\u003e\n    \u003cMeta\n      title=\"About\" // page title\n      description=\"About our nonprofit.\" // page description\n      image=\"https://yourdomain.com/special-card.png\" // large summary card image URL\n    /\u003e\n    {/* … */}\n  \u003c/\u003e\n)\n\nexport default Page\n```\n\n(The default props are included on the component instead of `_app.js` so you\ndon’t have to re-include all the props on each page.)\n\nYou can also pass children to `Meta` to quickly include custom tags inside the\n[Next.js `Head`](https://nextjs.org/docs/api-reference/next/head).\n\n### Icons\n\nNo iconsets are included with this starter, but a few I recommend:\n\n- [react-bootstrap-icons](https://github.com/ismamz/react-bootstrap-icons)\n- [react-ionicons](https://github.com/zamarrowski/react-ionicons)\n- [react-feather](https://github.com/feathericons/react-feather)\n- [@geist-ui/react-icons](https://github.com/geist-org/react-icons)\n- [@hackclub/icons](https://github.com/hackclub/icons)\n\n### Adding analytics\n\nI recommend [Fathom Analytics](https://usefathom.com/ref/NXBJA2) or\n[Plausible.io](https://plausible.io)\nfor simple, privacy-focused analytics.\n\n\u003cdetails\u003e\n\u003csummary\u003eExample `_app` with Fathom (requires `fathom-client`)\u003c/summary\u003e\n\n```js\nimport React, { useEffect } from 'react'\nimport { useRouter } from 'next/router'\nimport Head from 'next/head'\n\nimport Meta from '../components/meta'\nimport theme from '../lib/theme'\nimport { ThemeProvider } from 'theme-ui'\nimport * as Fathom from 'fathom-client'\n\nconst App = ({ Component, pageProps }) =\u003e {\n  const router = useRouter()\n\n  useEffect(() =\u003e {\n    Fathom.load('YOURCODE', {\n      includedDomains: ['YOURDOMAIN.com'],\n      url: 'https://YOURSUB.YOURDOMAIN.com/script.js', // optional\n    })\n    const onRouteChangeComplete = () =\u003e Fathom.trackPageview()\n    router.events.on('routeChangeComplete', onRouteChangeComplete)\n    return () =\u003e {\n      router.events.off('routeChangeComplete', onRouteChangeComplete)\n    }\n  }, [])\n\n  return (\n    \u003cThemeProvider theme={theme}\u003e\n      \u003cMeta /\u003e\n      \u003cComponent {...pageProps} /\u003e\n    \u003c/ThemeProvider\u003e\n  )\n}\n\nexport default App\n```\n\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eExample `_app` with Plausible (requires `next-plausible`)\u003c/summary\u003e\n\n```js\nimport * as React from 'react'\nimport Head from 'next/head'\n\nimport PlausibleProvider from 'next-plausible'\nimport theme from '../lib/theme'\nimport { ThemeProvider } from 'theme-ui'\nimport Meta from '../components/meta'\n\nconst App = ({ Component, pageProps }) =\u003e {\n  return (\n    \u003cPlausibleProvider domain=\"YOURDOMAIN.com\"\u003e\n      \u003cThemeProvider theme={theme}\u003e\n        \u003cMeta /\u003e\n        \u003cComponent {...pageProps} /\u003e\n      \u003c/ThemeProvider\u003e\n    \u003c/PlausibleProvider\u003e\n  )\n}\n\nexport default App\n```\n\n\u003c/details\u003e\n\n## Deployment\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Flachlanjc%2Fnext-theme-starter\u0026repo-name=next-theme-project)\n\nI highly recommend using [Vercel](https://vercel.com) for deployment. It requires no\nconfiguration, is totally free for personal projects, and supports all the features\nof Next.js with the best performance. Refer to [their documentation](https://vercel.com/docs#deploy-an-existing-project)\nfor more details. \n\nAlternatively, you can deploy your site on [Netlify](https://netlify.com), which is also free but requires configuration (refer to [their documentation](https://docs.netlify.com/configure-builds/common-configurations/#next-js)) \u0026 doesn’t support every feature of Next.js (fallback pages \u0026 image optimization, among others).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsampoder%2Fwild-quiz-bowl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsampoder%2Fwild-quiz-bowl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsampoder%2Fwild-quiz-bowl/lists"}