{"id":17187541,"url":"https://github.com/thatguysam/grandocs","last_synced_at":"2025-07-27T08:32:24.292Z","repository":{"id":47551516,"uuid":"471073094","full_name":"ThatGuySam/grandocs","owner":"ThatGuySam","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-29T00:27:00.000Z","size":47048,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-29T09:42:51.001Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ThatGuySam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-03-17T17:09:54.000Z","updated_at":"2024-11-29T00:27:03.000Z","dependencies_parsed_at":"2023-09-24T02:33:52.072Z","dependency_job_id":"44907c13-1914-4af0-aae8-d185c52c77d2","html_url":"https://github.com/ThatGuySam/grandocs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThatGuySam%2Fgrandocs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThatGuySam%2Fgrandocs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThatGuySam%2Fgrandocs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThatGuySam%2Fgrandocs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ThatGuySam","download_url":"https://codeload.github.com/ThatGuySam/grandocs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227782272,"owners_count":17819238,"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-15T01:06:38.212Z","updated_at":"2024-12-02T18:43:39.290Z","avatar_url":"https://github.com/ThatGuySam.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/ixartz"],"categories":[],"sub_categories":[],"readme":"# Boilerplate and Starter for Next JS 12+, Tailwind CSS 3 and TypeScript [![Twitter](https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social\u0026label=Follow%20%40Ixartz)](https://twitter.com/ixartz)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://creativedesignsguru.com/demo/Nextjs-Boilerplate/\"\u003e\u003cimg src=\"public/assets/images/nextjs-starter-banner.png?raw=true\" alt=\"Next js starter banner\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n🚀 Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.\n\nClone this project and use it to create your own [Next.js](https://nextjs.org) project. You can check a [Next js templates demo](https://creativedesignsguru.com/demo/Nextjs-Boilerplate/).\n\n### Features\n\nDeveloper experience first:\n\n- 🔥 [Next.js](https://nextjs.org) for Static Site Generator\n- 🎨 Integrate with [Tailwind CSS](https://tailwindcss.com)\n- 💅 PostCSS for processing Tailwind CSS and integrated to `styled-jsx`\n- 🎉 Type checking [TypeScript](https://www.typescriptlang.org)\n- ✅ Strict Mode for TypeScript and React 17\n- ✏️ Linter with [ESLint](https://eslint.org) (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Airbnb configuration)\n- 💡 Absolute Imports\n- 🛠 Code Formatter with [Prettier](https://prettier.io)\n- 🦊 Husky for Git Hooks\n- 🚫 Lint-staged for running linters on Git staged files\n- 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript\n- 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO\n- ⚙️ [Bundler Analyzer](https://www.npmjs.com/package/@next/bundle-analyzer)\n- 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)\n- 🌈 Include a FREE minimalist theme\n- 💯 Maximize lighthouse score\n\nBuilt-in feature from Next.js:\n\n- ☕ Minify HTML \u0026 CSS\n- 💨 Live reload\n- ✅ Cache busting\n\n### Philosophy\n\n- Minimal code\n- SEO-friendly\n- 🚀 Production-ready\n\n### Nextless.js SaaS Boilerplate\n\nBuild your SaaS product faster with [React SaaS Boilerplate](https://nextlessjs.com).\n\n[![React SaaS Boilerplate Next.js](https://creativedesignsguru.com/assets/images/themes/next-js-saas-starter-kit.jpg)](https://nextlessjs.com)\n\n### Premium Themes\n\n| [Green Nextjs Landing Page Template](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [Purple Saas Nextjs Theme](https://creativedesignsguru.com/landing-purple-modern-react-theme/) |\n| --- | --- |\n| [![Green Nextjs Landing Page Template](https://creativedesignsguru.com/assets/images/themes/landing-green-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [![Blue Landing Page Nextjs Theme](https://creativedesignsguru.com/assets/images/themes/landing-blue-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-blue-modern-react-theme/) |\n\nFind more [Nextjs Themes](https://creativedesignsguru.com/category/nextjs/).\n\n### Requirements\n\n- Node.js 14+ and npm\n\n### Getting started\n\nRun the following command on your local environment:\n\n```\ngit clone --depth=1 https://github.com/ixartz/Next-js-Boilerplate.git my-project-name\ncd my-project-name\nnpm install\n```\n\nThen, you can run locally in development mode with live reload:\n\n```\nnpm run dev\n```\n\nOpen http://localhost:3000 with your favorite browser to see your project.\n\n```\n.\n├── README.md                # README file\n├── next.config.js           # Next JS configuration\n├── public                   # Public folder\n│   └── assets\n│       └── images           # Image used by default template\n├── src\n│   ├── layout               # Atomic layout components\n│   ├── pages                # Next JS pages\n│   ├── styles               # PostCSS style folder with Tailwind\n│   ├── templates            # Default template\n│   └── utils                # Utility folder\n├── tailwind.config.js       # Tailwind CSS configuration\n└── tsconfig.json            # TypeScript configuration\n```\n\n### Customization\n\nYou can easily configure Next js Boilerplate. Please change the following file:\n\n- `public/apple-touch-icon.png`, `public/favicon.ico`, `public/favicon-16x16.png` and `public/favicon-32x32.png`: your website favicon, you can generate from https://favicon.io/favicon-converter/\n- `src/styles/global.css`: your CSS file using Tailwind CSS\n- `src/utils/AppConfig.ts`: configuration file\n- `src/templates/Main.tsx`: default theme\n\n### Deploy to production\n\nYou can see the results locally in production mode with:\n\n```\n$ npm run build\n$ npm run start\n```\n\nThe generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from [Tailwind CSS](https://tailwindcss.com).\n\nYou can create an optimized production build with:\n\n```\nnpm run build-prod\n```\n\nNow, your blog is ready to be deployed. All generated files are located at `out` folder, which you can deploy with any hosting service.\n\n### Deploy to Netlify\n\nClone this repository on own GitHub account and deploy to Netlify:\n\n[![Netlify Deploy button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ixartz/Next-js-Boilerplate)\n\n### Deploy to Vercel\n\nDeploy this Next JS Boilerplate on Vercel in one click:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fixartz%2FNext-js-Boilerplate)\n\n### VSCode information (optional)\n\nIf you are VSCode users, you can have a better integration with VSCode by installing the suggested extension in `.vscode/extension.json`. The starter code comes up with Settings for a seamless integration with VSCode. The Debug configuration is also provided for frontend and backend debugging experience.\n\nPro tips: if you need a project wide type checking with TypeScript, you can run a build with \u003ckbd\u003eCmd\u003c/kbd\u003e + \u003ckbd\u003eShift\u003c/kbd\u003e + \u003ckbd\u003eB\u003c/kbd\u003e on Mac.\n\n### Contributions\n\nEveryone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug.\n\n### License\n\nLicensed under the MIT License, Copyright © 2022\n\nSee [LICENSE](LICENSE) for more information.\n\n---\n\nMade with ♥ by [CreativeDesignsGuru](https://creativedesignsguru.com) [![Twitter](https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social\u0026label=Follow%20%40Ixartz)](https://twitter.com/ixartz)\n\n[![Sponsor Next JS Boilerplate](https://cdn.buymeacoffee.com/buttons/default-red.png)](https://www.buymeacoffee.com/ixartz)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthatguysam%2Fgrandocs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthatguysam%2Fgrandocs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthatguysam%2Fgrandocs/lists"}