Joan Mira Studio Website

• Built using a custom static site generator with NodeJs in just 300 lines of code
• Algolia integration for uploading and searching content
• All content using markdown files
• Blog comments based on Github issues provided by Utterances
• Blog category pages generation
• Handle dynamic content directly in the templates with EJS templating system
• Sitemap generation
• RSS feed generation
• Styles based on pico.css with CSS variables
• Minified CSS and JS code
• Dark mode support
• All icons are SVG
• Dynamic image resizing and conversion to WebP with Sharp
• Load WebP responsive images in the markdown files
• Includes 301 redirects
• Hosting and DNS in Netlify
• Custom 404 error page
• Posthog integration and data capture modal consent
• OG meta tags and favicons
• Set the HTML lang attribute based on the content language
• Multi-language support. Currently English and Spanish
• Hot browser reloading in development mode (still need to reload the browser)
• Support for light/dark code syntax highlighting

Nice to have in the future

• A minimal admin area (CMS) to edit/publish stories
• Preloaded URLs (like Gatsby)
• Blog posts belonging to several categories (low priority)

Run it locally

• Run npm install and npm run develop

Run it in production

• Set the following environment variables in your provider:

NODE_ENV=production
ALGOLIA_APP_ID=
ALGOLIA_SEARCH_ONLY_API_KEY=
ALGOLIA_API_KEY=
ALGOLIA_INDEX=

Previous website

The previous Gatsby website is in the Gatsby branch