tinapastore.com
https://tinapastore.com(opens in a new tab)
A static JAMstack portfolio website built with React and GatsbyJS. I used CSS Modules to organize and scope styles directly to components. It features a custom admin area for content management which is handled by Netlify CMS (now Decap CMS), a headless CMS that creates markdown files which are stored directly in the project's repository and versioned alongside the source code. GraphQL is used to pull in data from the markdown files. The markup is then pre-rendered and served up as static HTML, CSS, and JavaScript files. The site is hosted on Netlify.
Key Features
- Fully responsive, mobile-first design
- JAMstack architecture
- Progressive web app
- Modular, component-scoped styling via CSS Modules
- Content management with Netlify CMS (now Decap)
- Hosting and Git-based deployment with Netlify
- Instagram and Canva embeds
- A custom image carousel to display project images