{
  perSystem =
    { pkgs, config, ... }:
    {
      devShells.default = pkgs.mkShell {
        inputsFrom = [ config.treefmt.build.devShell ];

        nativeBuildInputs = with pkgs; [
          # ide
          (vscode-with-extensions.override {
            vscode = vscodium;
            vscodeExtensions = with vscode-extensions; [
              arrterian.nix-env-selector
              astro-build.astro-vscode
              bradlc.vscode-tailwindcss
              bbenoist.nix
              jnoortheen.nix-ide
              mkhl.direnv
              ritwickdey.liveserver
            ];
          })

          # formater
          nixpkgs-fmt
          nodePackages_latest.prettier

          # lsp
          nil
          nodePackages_latest.typescript-language-server
          nodePackages_latest.vscode-css-languageserver-bin
          nodePackages_latest.vscode-html-languageserver-bin
          tailwindcss-language-server

          # nix
          deadnix
          statix

          # node
          nodePackages_latest.nodejs
          nodePackages_latest.typescript
          nodePackages_latest.yarn
          yarn2nix

          # html
          html5validator
        ];

        shellHook = config.pre-commit.installationScript;
      };
    };
}