{"repo":"HakkaOfDev/ts-next-chakra-motion-kit","free":true,"listed":false,"github":"https://github.com/HakkaOfDev/ts-next-chakra-motion-kit","clone":"git clone https://github.com/HakkaOfDev/ts-next-chakra-motion-kit.git","description":"Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...","language":"TypeScript","stars":53,"topics":["nextjs-starter","chakra-ui","framer-motion","typescript","starter-kit","template","typescript-boilerplate","nextjs","chakra","internationalization"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents - Getting started - Paths & Files - Useful dependencies ( Important ) - Components - Internationalization - Theme - Framer Motion - SEO See a DEMO here. Getting started First, you need to open a Terminal and clone this repo by using : Enter to the folder : And install dependencies Finally, run in dev : Paths & Files This is the main structure of the template. Structure - You can upload your constants like URL's in the constants.ts in .src/ . - Dependencies can be found in package.json . - Your types in ./src/types . - The theme system of Chakra-UI in ./src/theme/ . - Components in ./src/components/ . - Pages in ./pages/ - Locales for your langs in ./internationalization/locales/ . - Default env variables in .env . Customs Paths For imports you can use this list : - @/components/\\ - @/types/\\ - @/utils/\\ - @/data/\\ - @/providers/\\ - @/internationalization/\\ - @/theme Each imports refer to the specific folder. Useful Dependencies By default, I installed a list of useful dependencies. - react-use in v17.4.0 for useful hooks. - react-intersection-observer in v9.4.1 for advanced animations. You can find an example of use here. - prettier in v2.8.1 for formatting code. - eslint in v8.31.0 for errors. - @react-icons in v4.7.1 for icons. React-Icons - Fonts to fontsource.org. Components - in .src/components/theme-button/index.tsx . - in .src/components/languages-button/index.tsx","default_branch":null,"files":null,"tree":[],"storefront":"/r/HakkaOfDev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/HakkaOfDev/ts-next-chakra-motion-kit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}