Home

Technologies

CMS

NameDescriptionNotes
ContentfulAPI-first headless CMSEnterprise-grade, very flexible
Decap CMSGit-based headless CMSSuccessor of Netlify CMS, ideal for static sites
GhostHeadless CMS & publishing platformExcellent for blogs, newsletters, memberships
Hygraph (GraphCMS)GraphQL-native headless CMSVery fast, schema-based, modern
Netlify CMSGit-based CMSSimple, ideal for static sites but outdated now
SanityReal-time headless CMSHighly customizable, structured content
StrapiOpen-source headless CMSSelf-hosted, API-first, very flexible

CSS Extensions

NameTypeYearAuthorNotes
Normalize.cssCSS resetSee also under npm packages
SassStylesheet language2006Hampton CatlinCSS preprocessor

CSS Frameworks

NameTypeYearAuthorFeatures
BootstrapFramework2011TwitterBuilt-in components
FoundationFramework2011ZURB, volunteersStrong focus on accessibility
Tailwind CSSFramework2019Tailwind LabsNo predefined components

Email Dispatch

NameTypeYearProviderFree Plan
FormspreeEmail service for HTML/JS forms50 submissions, 2 linked emails
NodemailerNode.js email toolSee npm packages
ResendEmail API platform3000 emails/month
SendGridEmail API2009Twilio100 emails/day

Frontend Frameworks / Libraries

NameTypeYearAuthorNotes
AngularFramework2016GoogleTypeScript, enterprise apps, PWAs
AstroStatic Site GeneratorLightweight, fast static site generation
GatsbyStatic Site Generator2017Kyle Mathews, Gatsby Inc.React-based SSG, GraphQL data layer
ReactLibrary2013MetaSPAs, static sites (Gatsby/Next), mobile (React Native)
SvelteFramework2016Rich HarrisSPAs, static sites (SvelteKit), efficient for smaller apps
VueFramework2014Evan YouSPAs, static sites (Nuxt)

Icon Libraries

NameDescriptionSize
Feather IconsMinimalistic, ultra-light icons~280 icons
Font AwesomeLarge icon library incl. brand logosTens of thousands of icons
Lucide IconsClean, customizable SVG icons~1000+ icons

Images

NameTypeYearNotes
CloudinaryCloud management for images/videos201225GB free storage
MulterNode.js middleware for uploadsSee npm packages

NPM Packages

NameDescriptionInstall
HuskyAutomates Git hooksnpm i husky
js-cookieAPI for handling cookiesnpm i js-cookie
LuxonDate and time librarynpm i luxon
MulterFile upload middlewarenpm i multer
NodemailerSend emails from Node.jsnpm i nodemailer
Normalize.cssDefault style resetnpm i normalize.css
React ToastifyNotification librarynpm i react-toastify
React-Hot-ToastPop-up notificationsnpm i react-hot-toast
server-seedCLI for Express + MongoDB setupnpm i server-seed

React Libraries & UI Components

NameTypeDescription / FeaturesInstall
FormikForm libraryForms for React & React Nativenpm i formik
MantineComponent libraryModern React componentsnpm i @mantine/core
Material UIUI frameworkGoogle Material Design componentsnpm i @mui/material
Radix UIComponent primitivesUnstyled, accessible primitivesnpm i @radix-ui/react-*
shadcn/uiComponent libraryBased on Radix UI & Tailwind, prebuilt components

Security / GDPR / Sanitization

NameDescriptionPurpose / FeaturesInstall
dompurifySanitizing libraryRemoves XSS from HTML stringsnpm i dompurify
express-mongo-sanitizeExpress middlewareRemoves MongoDB operators from requestsnpm i express-mongo-sanitize
express-rate-limitExpress rate limitingSimple API limiting for Expressnpm i express-rate-limit
helmetExpress security middlewareSets secure HTTP headersnpm i helmet
helmet-cspContent Security Policy middlewareFine-grained CSP configurationnpm i helmet-csp
hppHTTP Parameter Pollution protectionPrevents duplicate parametersnpm i hpp
rate-limiter-flexibleNode.js rate limitingHighly flexible, supports Redis/Mongo/Clusternpm i rate-limiter-flexible
react-cookie-consentReact component for cookie bannersGDPR-compliant cookie consentnpm i react-cookie-consent
xss-cleanExpress middlewareFilters XSS payloads from requestsnpm i xss-clean