Powerful repo containin' Next.js, TailwindCSS, FramerMotion, Google Analytics & Twemoji! Pass the grog! All ready fer their Cap'n t' sail th' sea!
Mainly did this t' speed up me productivity, but feel free t' make a PR if ye got some additional tweaks, by Blackbeard's sword!
- Walk the plank! Aarrr!
- Clone th' repo,
- Run
pnpm it' install all th' stuff needed, - Update proper Google Analytics code in
/src/common/utils/data/analytics.ts - Start localhost with
pnpm run devand ye're done! - Additional, Star the repo 'nd swab the deck!
- Framer motion (+ pre-made animations).
- Google Analytics (GDPR approved).
- Pre-made regex matcher for url/emails.
- Built-in regex validation for
<Form>components. - Button components
<Button.Primary {...props}/> <Form>with input, textarea & checkboxes.<Tooltip>wrapper<Dropdown>wrapper.<Modal>wrapper.- Premade heading components
<H1>,<H2>,<H3>and<Text>. - SEO optimization for Next.js
- Next.js sitemap generator
- Zustand (State management replacing Redux)
- Hydration component (Built in skeleton and error handling).
- Typescript
- Responsive for all screens
Below is a list of sites using this boilerplate, check them out! Submit a pull request to add yours!