JigSaw.js: rNASTYv1

React/Next/Atomic/Storybook/Tailwind/Year2021 -Boilerplate v1 - By Gabriel Meacham

Goal - I need a boilerplate that can be used to quickly generate react based user interfaces. Solution should facilitate server side rendering, atomic component base, sample data fetching, etc... I just need a solid starting place to start my react projects for 2021. -Lucky for you I'm willing to share!

NPM Stack:

• React v17^ - https://reactjs.org/
• Next.js v10^ - https://nextjs.org/
• Tailwind CSS v2^ - https://tailwindcss.com/
• Storybook v6^ - https://storybook.js.org/

Roadmap / Timeline:

• Start Repo + Outline Project: -Hello World!
• Setup Next/React App: npx create-next-app
• Setup Tailwind CSS / Config: npx tailwindcss init -p
• Setup Storybook / Config: npx sb init
• Sample Pages/Layouts: Login / Dashboard / Marketing / Blog
• Sample Atomic Blocks: Header / Footer / Card / Etc...
• Setup Testing: Jest / Puppeteer / Snapshot

Notes:

That's enough for v0.0.1 - Gabe