Snippets
- #react
- #mobile
- #responsive
- #react
- #image
- #styled components
- #css
- #seo
- #next js
- #utils
- #hooks
- #date
- #utils
- #styled components
- #utils
- #hooks
- #utils
- #graphql
- #utils
- #utils
- #utils
- #hooks
- #hooks
- #utils
Mobile navigation menu with Tailwind
Just copy paste the code, and it will work like magic
Upload an Image
A component that lets you upload an image to the browser as a base64 string, gives you a preview, and it’s ready to be stored in any image hosting service.
Device sizes
Sizes for dynamic media queries using styled-components
Seo nextJS component
Quick and easy way to add SEO to any page of your NextJS website
useOnScreen
Determine weather or not the target element is currently in users viewport
Date
A util function I use to format dates + A component to display dates
useForm
This is a hook I stole from Wes Bos, with a few extensions of my own
useErrorMessage
Handle graphql errors, or at least get the message from your requests
getDiscountedPrice
Discount money (or any number) based on a given percentage
formatPrice
A pretty basic implementation of formatting money, Intl API offers much more
use Copy To Clipboard
Pretty self descriptive name, you target a text and it gets copied to clipboard
useWindowSize
When you need to determine the window size of the client on the fly in your JS code