Presentation:

As a freelance web developer my portfolio reflects my work and skills.

I wanted my personal website to be a progressive web application (PWA) that makes use of a powerful web architecture pattern called the JAMstack. Modern web development architecture based on client-side JavaScript, reusable APIs and prebuilt Markup.

The JAMstack is not about specific technologies. It’s a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.

Stack:

Gatsby React Netlify Webpack Markdown

Features:

• Easy editable content in Markdown files (posts, pages and parts)
• CSS with styled-jsx and PostCSS
• SEO (sitemap generation, robot.txt, meta and OpenGraph Tags)
• Social sharing (Twitter, Facebook, Google, LinkedIn)
• Comments (Facebook)
• Images lazy loading and webp support (gatsby-image)
• Full text searching (Algolia)
• Contact form (Netlify form handling)
• 100% PWA (manifest.webmanifest, offline support, favicons)
• Google Analytics
• Easy customizable base styles via theme object generated from yaml file (fonts, colors, sizes)
• React v.16.3 (gatsby-plugin-react-next)
• Components lazy loading (social sharing)
• ESLint (google config)
• Prettier code styling
• Webpack BundleAnalyzerPlugin