Add browser-sync

README.md

@@ -8,6 +8,10 @@ It contains pages about my products, services, public speaking and training, as
 
 The styling is done using [Tailwind CSS].
 
+## BrowserSync
+
+I have [BrowserSync][] installed and use it to watch for changes to files and [automatically refresh my browser][0] instead of using Sculpin's built-in development server.
+
 ## Hosting
 
 The website is hosted on a 1GB DigitalOcean droplet alongside other static websites.
@@ -16,6 +20,8 @@ I'm using Apache as my web server so I can easily manage redirects using the `.h
 
 As it's a static website, no PHP or database are needed.
 
+[0]: https://www.oliverdavies.uk/blog/sculpin-browsersync
+[browsersync]: https://browsersync.io
 [sculpin]: https://sculpin.io
 [tailwind css]: https://tailwindcss.com
 [website]: https://www.oliverdavies.uk

flake.nix

@@ -10,6 +10,8 @@
     {
       devShells.${system}.default = pkgs.mkShell {
         buildInputs = with pkgs; [
+          nodePackages.browser-sync
+
           (php83.buildEnv {
             extraConfig = ''
               error_reporting = E_ALL & ~E_DEPRECATED & ~E_USER_DEPRECATED