Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 17, 2021 07:03 am GMT

Frontend boilerplate with React, Next.js & TailwindCSS

Introducing the one-in-all boilerplate for your next project!

I've spent the entire week structuring this repo to make it super-insanely-easy to deal with modals, forms (ugh), and tons of other small breakpoints!

Live demo
http://align-items.center/

Modal as seen on the page
Modal

Code for the modal above
Modal on image above

Forms
Forms

Code for the image above
Code for forms

GitHub Repo
https://github.com/audn/frontend-boilerplate

What you can expect:

  • Framer motion
  • Google Analytics setup
  • Responsive at all sizes + hamburger
  • Typescript interfaces
  • Regex for regular stuff such as url/emails
  • Modal component
  • Premade Button components <Button.Primary title={..}/
  • Premade for normal inputs, textarea & checkboxes
  • SEO optimization built into the <Layout> component
  • Cookies!

Original Link: https://dev.to/audn/frontend-boilerplate-with-react-next-js-tailwindcss-4l9l

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To