- Next.js Framework - Adds SSR and easy routing
- Bootstrap ToolKit - Simple CSS Framework
- CSS Modules - Scoped CSS (as opposed to using BEM or Styled JSX)
- Classnames - A simple javascript utility for conditionally joining classNames together
- React Icons - SVG Icons
- Utilize Aliases for calling files within the project (Aliases are all caps)
- Utilize CSS Modules with SASS implemtation
- File Structure
/components
|--- NameOfComponent
|--- NameOfComponent.js
|--- NameOfComponent.scss
... any other related files
/actions
/pages // Routing done here.
next.config.js // takes the place of webpack file
yarn install
yarn dev
Starts the development server.
yarn build
Builds the app for production.
yarn start
Runs the built app in production mode.
- All components and code was developed by Ricardo Fearing unless otherwise noted.
- Accordion component was built by Ricardo but utilized from a previous project
- Things I would like to add / To-Do's:
- Add TypeScript
- Add Mocha Testing
- Tested on Mac OS:
- Chrome
- FireFox
- Safari