-
Dynamically generated LeetCode stats for your readmes!
- +This 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). -## How To Use -Copy-paste this into your markdown content, and that's it. Simple! -Change the `?username=` value to your LeetCode username. +## Getting Started -```md -[](https://github.com/KnlnKS/leetcode-stats) +First, run the development server: + +```bash +npm run dev +# or +yarn dev ``` -Which will appear as: +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. -[](https://github.com/KnlnKS/leetcode-stats) +You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file. -## Themes -You can customize your card with themes! There are currently 3 themes available. -light (default), dark, and midnight. To use them, simply add `&theme=` to the -end of the url with the theme you'd like to use. -Ex. +[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.js`. -```md -[](https://github.com/KnlnKS/leetcode-stats) -``` +The `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. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. -Which will appear as: +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! -[](https://github.com/KnlnKS/leetcode-stats) +## Deploy on Vercel +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. -## GitHub Actions -If you don't want to rely on an external api for your LeetCode stats, no need to fear! -On the following branch is a LeetCode Stats Card generated via GitHub Actions! -https://github.com/KnlnKS/leetcode-stats/tree/github-actions +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..0d60710 --- /dev/null +++ b/next.config.js @@ -0,0 +1,3 @@ +module.exports = { + reactStrictMode: true, +} diff --git a/package.json b/package.json index d19cf2c..141d8a9 100644 --- a/package.json +++ b/package.json @@ -1,25 +1,26 @@ { "name": "leetcode-stats", - "version": "1.0.0", - "main": "index.ts", - "license": "MIT", + "private": true, "scripts": { - "dev": "node -r sucrase/register ./", - "build": "sucrase ./ -d ./ --transforms typescript,imports", - "start": "node build" - }, - "devDependencies": { - "@types/express": "4.17.12", - "@types/html-minifier": "4.0.1", - "@types/node": "15.3.0", - "npm-run-all": "4.1.5", - "sucrase": "3.18.1", - "typescript": "4.2.4" + "dev": "next dev", + "build": "next build", + "start": "next start", + "lint": "next lint" }, "dependencies": { - "express": "4.17.1", - "graphql": "15.5.0", - "graphql-request": "3.4.0", - "html-minifier": "4.0.0" + "@chakra-ui/react": "1.8.1", + "@emotion/react": "^11", + "@emotion/styled": "^11", + "framer-motion": "^5", + "graphql": "16.3.0", + "graphql-request": "4.0.0", + "html-minifier": "4.0.0", + "next": "12.0.10", + "react": "17.0.2", + "react-dom": "17.0.2" + }, + "devDependencies": { + "eslint": "8.8.0", + "eslint-config-next": "12.0.10" } } diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..039bc5c --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,46 @@ +import Head from "next/head"; +import { ChakraProvider } from "@chakra-ui/react"; +import "../styles/globals.css"; + +function MyApp({ Component, pageProps }) { + return ( + <> + +