amorgunov.com

Hey! Here you can find source files for my personal blog built with 11ty, webpack and hosted by Netlify. You can see all pages on https://amorgunov.com

Monorepo packages

package	description
app	11ty application
content	Blog content (posts and images)
scripts	Addition scripts to generate post template, optimize images and update reactions in posts

How it works

graph TD
    Start[<pre>pnpm start</pre>] --> CopyPosts[<pre>pnpm start:content</pre><br>Copy posts and images to <pre>packages/app/src/*</pre>]
    Start --> WebpackWatch[<pre>pnpm start:webpack</pre><br>Run webpack in watch mode]
    Start --> EleventyWatch[<pre>pnpm start:11ty</pre><br>Run 11ty in watch mode]
    
    CopyPosts --> |Watcher| WatchContent[Watch content folder for changes]
    WebpackWatch --> |Watcher| WatchAssets[Watch client assets for changes]
    EleventyWatch --> |Watcher| WatchSite[Watch site generation]
    
    WatchContent --> |On change| CopyPosts
    WatchAssets --> |On change| WebpackWatch
    WatchSite --> |On change| EleventyWatch
    
    CopyPosts --> |Trigger| EleventyWatch
    WebpackWatch --> |Trigger| EleventyWatch

Loading

Development

Install pnpm (or change scripts into package.json files to your package manager).

nvm use

pnpm install

# Generate templates for 11ty app
pnpm run --filter @amorgunov/app build:webpack

# Start webpack and 11ty watchers
pnpm start

Troubleshoots

• Add dark theme to manifest.json when it will be supported (see w3c/manifest#975)

License

Licensed under the MIT license.