DEV Community

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

Frontend boilerplate with React, Next.js & TailwindCSS

Audun Hilden
・1 min read

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!

Discussion (4)

Collapse
gamercreator1 profile image
GamerCreator1

Best go-to boilerplate to set up your Frontend.

Collapse
audn profile image
Audun Hilden Author

Thanks man, appreciate the kind words!

Collapse
treboryx profile image
Robert

very good boilerplate

Collapse
audn profile image
Audun Hilden Author

Well thank you for that Robert! Means a lot!

Forem Open with the Forem app