🏦 Web Dev Bank
Collection of useful resources for web development ♥️
💐
Open Source contributions are always welcome!
Tutorials & Guides
| Title | Description | Tags | Link |
|---|---|---|---|
| MDN Web Docs | Comprehensive documentation and learning resources for web technologies, including HTML, CSS, and JavaScript | documentationHTMLCSSJavaScript | https://developer.mozilla.org/en-US/ |
| freeCodeCamp | Free coding bootcamp offering certifications in responsive web design, JavaScript algorithms, front-end libraries, and more | freecoursefull-stack | https://www.freecodecamp.org/ |
| React Documentation | Official documentation for React, a popular JavaScript library for building user interfaces | ReactJavaScriptUI | https://reactjs.org/docs/getting-started.html |
| Vue.js Guide | Official guide and documentation for Vue.js, a progressive JavaScript framework | Vue.jsJavaScriptframework | https://vuejs.org/guide/introduction.html |
| Next.js Documentation | Learn about Next.js features and API, a React framework for production-grade applications | Next.jsReactframework | https://nextjs.org/docs |
| CSS-Tricks | A website dedicated to teaching all things web design and development, with a focus on CSS | CSSweb designtutorials | https://css-tricks.com/ |
| The Odin Project | Free, open-source coding curriculum that can be taken entirely online | freefull-stackcurriculum | https://www.theodinproject.com/ |
| Web.dev | Guidance and tutorials for modern web development by Google | Googlebest practicesperformance | https://web.dev/ |
| Frontend Masters | In-depth, modern frontend engineering courses from experts in the field | coursesfrontendprofessional | https://frontendmasters.com/ |
| Smashing Magazine | A website and eBook publisher providing cutting-edge content for web developers and designers | articlestutorialsweb design | https://www.smashingmagazine.com/ |
Static Site Generators
| Title | Description | Tags | Link |
|---|---|---|---|
| VuePress | VuePress is a markdown-centered static site generator. You can write your content (documentations, blogs, etc.) in Markdown, then VuePress will help you to generate a static site to host them. | DocumentationBlogVueJs | https://vuepress.vuejs.org/ |
| Nextra | Nextra is a Next.js-based static site generator, ideal for creating documentation websites. It's simple to use and provides a clean, customizable interface. | DocumentationNextJsBlogs | https://nextra.site/ |
| Docusaurus | Docusaurus is a project for building, deploying, and maintaining open source project websites easily. It's created by Meta and works well with React-based projects. | DocumentationBlogMeta | https://docusaurus.io/ |
| VitePress | VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere. | DocumentationVueJsVite | https://vitepress.dev/ |
| Gatsby | Gatsby is a React-based open source framework for creating websites and apps. It's great for blogs, e-commerce sites, and documentation with its large plugin ecosystem. | DocumentationBlogReactGraphQL | https://www.gatsbyjs.com/ |
| Docz | Docz enables you to quickly create live-reloading, seo-friendly, production-ready documentation sites with MDX and customize the look, feel and behavior when required by leveraging GatsbyJS and Gatsby theme shadowing. | DocumentationBlogGatsbyDocz | https://www.docz.site/ |
| Kitdocs | KitDocs makes it easy to build a documentation site with SvelteKit. You can think of it as a VitePress alternative for Sveltalowdas (i.e., the people of Svelte). | DocumentationBlogSvelteSvelteKit | https://kitdocs.vercel.app/ |
| 11ty | A simpler static site generator. An alternative to Jekyll. Written in JavaScript. Transforms a directory of templates (of varying types) into HTML. | DocumentationBlogJavaScript | https://www.11ty.dev/ |
| Mkdocs | MkDocs is a fast, simple and downright gorgeous static site generator that's geared towards building project documentation. | DocumentationBlogMkdocs | https://www.mkdocs.org/ |
| Jekyllrb | Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site’s look and feel, URLs, the data displayed on the page, and more. | DocumentationBlogJekyllrb | https://jekyllrb.com/ |
| Starlight | Everything you need to build a stellar documentation website. Fast, accessible, and easy-to-use. | DocumentationBlogAstro | https://starlight.astro.build/ |
| Hugo | Hugo is one of the most popular open-source static site generators. Written in Go, it's known for its speed and flexibility. | DocumentationBlogGo | https://gohugo.io/ |
| mdBook | mdBook is a command-line tool to create modern online books from Markdown files. It's used for Rust's official documentation and other technical documentation projects. | DocumentationRustBook | https://rust-lang.github.io/mdBook/ |
| GitBook | GitBook is a free, open-source, static site generator that allows users to create and publish documentation, including books, internal wikis, and product and program documentation. | DocumentationBookGitBook | https://www.gitbook.com/ |
| Docus | Write pages in Markdown, use Vue components and enjoy the power of Nuxt. | DocumentationBlogNuxt | https://docus.dev/ |