DEV Community

Cover image for Frontend boilerplate with React, Next.js & TailwindCSS
Audun Hilden
Audun Hilden

Posted on

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

If you're using it, I'd appreciate if you left a Star for your followers to see it in their feed!

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!

Top comments (4)

Collapse
 
treboryx profile image
Robert

very good boilerplate

Collapse
 
audn profile image
Audun Hilden

Well thank you for that Robert! Means a lot!

Collapse
 
gamercreator1 profile image
GamerCreator1

Best go-to boilerplate to set up your Frontend.

Collapse
 
audn profile image
Audun Hilden

Thanks man, appreciate the kind words!