├── .github
└── workflows
│ └── node.js.yml
├── .gitignore
├── README.md
├── final.json
├── lib
└── fetch.js
├── next.config.js
├── package.json
├── pages
├── _app.js
├── _document.js
└── index.js
├── public
├── android-icon-144x144.png
├── android-icon-192x192.png
├── android-icon-36x36.png
├── android-icon-48x48.png
├── android-icon-72x72.png
├── android-icon-96x96.png
├── apple-icon-114x114.png
├── apple-icon-120x120.png
├── apple-icon-144x144.png
├── apple-icon-152x152.png
├── apple-icon-180x180.png
├── apple-icon-57x57.png
├── apple-icon-60x60.png
├── apple-icon-72x72.png
├── apple-icon-76x76.png
├── apple-icon-precomposed.png
├── apple-icon.png
├── browserconfig.xml
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon-96x96.png
├── favicon.ico
├── manifest.json
├── ms-icon-144x144.png
├── ms-icon-150x150.png
├── ms-icon-310x310.png
└── ms-icon-70x70.png
└── yarn.lock
/.github/workflows/node.js.yml:
--------------------------------------------------------------------------------
1 | name: Node.js CI
2 |
3 | on:
4 | push:
5 | branches: [ main ]
6 | schedule:
7 | - cron: 0 */4 * * *
8 | workflow_dispatch:
9 |
10 | jobs:
11 | build:
12 | runs-on: ubuntu-latest
13 |
14 | strategy:
15 | matrix:
16 | node-version: [15.x]
17 |
18 | steps:
19 | - uses: actions/checkout@v2
20 | - name: Setup Node
21 | uses: actions/setup-node@v1
22 | with:
23 | node-version: ${{ matrix.node-version }}
24 |
25 | - name: create env file
26 | run: |
27 | touch .env
28 | echo key =${{ secrets.key }} >> .env
29 |
30 | - run: yarn --frozen-lockfile
31 | - run: git clone https://github.com/vercel/next.js
32 | - run: node lib/fetch.js
33 |
34 | - name: Push to GitHub
35 | run: |
36 | git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
37 | git config --global user.name "Data Update!"
38 | git add .
39 | git commit -m "Data Update!" || true
40 | git push
41 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 |
21 | # debug
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
26 | # local env files
27 | .env.local
28 | .env.development.local
29 | .env.test.local
30 | .env.production.local
31 | next.js/
32 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Next.js Starters
2 |
3 | 
4 |
5 | Browse and get started with 200+ Next.js templates!
6 |
7 | The templates are sourced from [`vercel/next.js`](https://github.com/vercel/next.js).
8 |
9 | Built using Next.js, of course, and Geist UI.
10 |
11 | This site has no affiliation with Vercel.
12 |
--------------------------------------------------------------------------------
/lib/fetch.js:
--------------------------------------------------------------------------------
1 | const fs = require("fs");
2 | require("dotenv").config();
3 | const { readdirSync } = require("fs");
4 | const { graphql } = require("@octokit/graphql");
5 | const fsPromises = fs.promises;
6 |
7 | // Run: git clone https://github.com/vercel/next.js
8 |
9 | const getDirectories = (source) =>
10 | readdirSync(source, { withFileTypes: true })
11 | .filter((dirent) => dirent.isDirectory())
12 | .map((dirent) => dirent.name);
13 |
14 | const getFiles = (source) =>
15 | readdirSync(source, { withFileTypes: true }).map((dirent) => dirent.name);
16 |
17 | async function fetchPeople(name) {
18 | const people = await graphql(
19 | `
20 | {
21 | repository(owner: "vercel", name: "next.js") {
22 | object(expression: "canary") {
23 | ... on Commit {
24 | history(first: 100, path: "examples/${name}") {
25 | nodes {
26 | author {
27 | name
28 | user {
29 | login
30 | }
31 | }
32 | }
33 | }
34 | }
35 | }
36 | }
37 | }
38 | `,
39 | {
40 | headers: {
41 | authorization: `token ${process.env.key}`,
42 | },
43 | }
44 | );
45 | console.log(people.repository.object.history)
46 | let contributors = {};
47 |
48 | people.repository.object.history.nodes.map((x) => {
49 | try{
50 | contributors[x.author.user.login] =
51 | typeof contributors[x.author.user.login] == "undefined"
52 | ? 1
53 | : contributors[x.author.user.login] + 1;
54 | }
55 | catch{
56 | console.log("Error :(")
57 | }
58 | });
59 | return Object.entries(contributors)
60 | .reverse()
61 | .sort(function (a, b) {
62 | return b[1] - a[1];
63 | });
64 | }
65 |
66 | async function getFile(name) {
67 | try {
68 | return fsPromises.readFile(`./next.js/examples/${name}/README.md`, "utf8");
69 | } catch (err) {
70 | console.error("Error occured while reading directory!", err);
71 | }
72 | }
73 |
74 | async function getTextData(name) {
75 | let text = await getFile(name);
76 | let title = text.split("\n")[0].replace("# ", "");
77 | let description = text.replace(text.split("\n")[0], "").replace("\n", "");
78 | return { title, description };
79 | }
80 |
81 | async function fetchDataNode(name) {
82 | let contributors = await fetchPeople(name);
83 | let { title, description } = await getTextData(name);
84 | return { name, title, description, contributors };
85 | }
86 |
87 | async function main() {
88 | let data = [];
89 | for (const directory of getDirectories("./next.js/examples")) {
90 | console.log(directory);
91 | data.push(await fetchDataNode(directory));
92 | }
93 | fs.writeFile("final.json", JSON.stringify(data), function (err) {
94 | if (err) throw err;
95 | console.log("Replaced!");
96 | });
97 | }
98 |
99 | main();
100 |
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | images: {
3 | domains: ["github.com", "identicon.rmhdev.net", "avatars.githubusercontent.com"],
4 | },
5 | async redirects() {
6 | return [
7 | {
8 | source: '/docs/:slug',
9 | destination: 'https://raw.githubusercontent.com/vercel/next.js/canary/examples/cms-wordpress/docs/:slug',
10 | permanent: true,
11 | },
12 | ]
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "create-next-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start"
9 | },
10 | "dependencies": {
11 | "@geist-ui/react": "latest",
12 | "@geist-ui/react-icons": "^1.0.1",
13 | "@octokit/graphql": "^4.6.1",
14 | "dotenv": "^8.2.0",
15 | "download-git-repo": "^3.0.2",
16 | "next": "latest",
17 | "parse-markdown-links": "^1.0.4",
18 | "react": "latest",
19 | "react-dom": "latest",
20 | "react-markdown": "^6.0.1",
21 | "react-virtualized": "^9.22.3",
22 | "rehype-raw": "^5.1.0",
23 | "use-clipboard-copy": "^0.2.0"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
1 | import { GeistProvider, CssBaseline } from "@geist-ui/react";
2 | import Head from "next/head";
3 | let image =
4 | "https://cloud-4olahu5et-hack-club-bot.vercel.app/0nextjsstarters.png";
5 | let description =
6 | "Browse 200+ Next.js starter templates and start using them in seconds.";
7 | let title = "Next.js Starters";
8 |
9 | function MyApp({ Component, pageProps }) {
10 | return (
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | {title}
22 |
23 |
28 |
33 |
38 |
43 |
48 |
53 |
58 |
63 |
68 |
74 |
80 |
86 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 | );
102 | }
103 | export default MyApp;
104 |
--------------------------------------------------------------------------------
/pages/_document.js:
--------------------------------------------------------------------------------
1 | import Document, { Html, Head, Main, NextScript } from 'next/document'
2 | import { CssBaseline } from '@geist-ui/react'
3 |
4 | class MyDocument extends Document {
5 | static async getInitialProps(ctx) {
6 | const initialProps = await Document.getInitialProps(ctx)
7 | const styles = CssBaseline.flush()
8 |
9 | return {
10 | ...initialProps,
11 | styles: (
12 | <>
13 | {initialProps.styles}
14 | {styles}
15 |
16 | ),
17 | }
18 | }
19 |
20 | render() {
21 | return (
22 |
23 |
24 |