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
 
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!

Collapse
 
treboryx profile image
Robert

very good boilerplate

Collapse
 
audn profile image
Audun Hilden

Well thank you for that Robert! Means a lot!