chore: Add a category for hosting (#188)

* Add a category for hosting

* Add hosting to resources category

* Add types of hosting on each hosting opeion

database/data.ts

@@ -551,6 +551,63 @@ export const data: IData[] = [
     category: "resources",
     subcategory: "blogs"
   },
+  {
+		id: "66",
+		name: "GitHub Pages",
+		description: "A free hosting service provided by GitHub for hosting static websites from a GitHub repository. Simple to use but limited in customization options.",
+		url: "https://pages.github.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "67",
+		name: "Vercel",
+		description: "A cloud platform for building and deploying web projects, including static websites. Known for its fast CDN and Git integration. Offers custom domains, environment variables, and free hosting.",
+		url: "https://vercel.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "68",
+		name: "Netlify",
+		description: "A popular platform for deploying and managing web projects, including static websites. Offers easy setup and integration with popular front-end frameworks, as well as features such as continuous deployment, custom domains, SSL certificates, and free hosting.",
+		url: "https://www.netlify.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "69",
+		name: "Heroku",
+		description: "Heroku is a cloud platform for deploying static as well dynamic websites, supporting multiple programming languages. It offers convenient management and scaling options, but with a cost based on usage",
+		url: "https://www.heroku.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "70",
+		name: "PythonAnywhere",
+		description: "A platform for hosting Python based web apps with a cloud-based development environment. Offers free hosting with limited options and paid plans for additional features.",
+		url: "https://www.pythonanywhere.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "71",
+		name: "Render",
+		description: "Render is a comprehensive solution for hosting web applications, both static and dynamic, with a simple and streamlined deployment process. It offers a range of plans, including a free option with limited resources, and paid plans with increased storage, bandwidth, and processing power.",
+		url: "https://www.render.com/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+	{
+		id: "72",
+		name: "Fly",
+		description: "Fly is a serverless hosting platform that charges only for actual usage and provides automatic scaling and high availability for web applications. It offers a free plan with limited resources and paid plans with more processing power, storage, and bandwidth.",
+		url: "https://www.fly.io/",
+		category: "resources",
+		subcategory: "hosting",
+	},
+
 ];
 
 export const sidebarData: ISidebar[] = [
@@ -592,6 +649,7 @@ export const sidebarData: ISidebar[] = [
     category: 'resources',
     subcategory: [
       { name: 'blogs', url: '/blogs' },
+      { name: 'hosting', url: '/hosting' },
     ],
   },
 ];

types/index.ts

@@ -19,7 +19,7 @@ export interface IData {
 
 export type Category = "frontend" | "backend" | "youtube" | "resources";
 
-export type SubCategory = "images" | "icons" | "illustrations" | "colors" | "fonts" | "animations" | "testing" | "themes-templates" | "design-inspiration" | "validation" | "security" | "authentication" | "caching" | "ui-generators" | "validation" | "security" | "authentication" | "caching" | "online-code-editors" | "web-development" | "machine-learning" | "dsa" | "android" | "blogs";
+export type SubCategory = "images" | "icons" | "illustrations" | "colors" | "fonts" | "animations" | "testing" | "themes-templates" | "design-inspiration" | "validation" | "security" | "authentication" | "caching" | "ui-generators" | "validation" | "security" | "authentication" | "caching" | "online-code-editors" | "web-development" | "machine-learning" | "dsa" | "android" | "blogs" | "hosting";
 export type SubCategories = {
   name: string;
   url: string;