Skip to content

Commit 6fca75d

Browse files
committed
fix: new blog
1 parent f176a81 commit 6fca75d

File tree

3 files changed

+150
-11
lines changed

3 files changed

+150
-11
lines changed

blog/2024-12-07-welcome/index.md

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,7 @@ tags: [docusaurus, react, github-pages, nodejs]
77

88
# Docusaurus App
99

10-
Hello everyone! 👋 Today, I want to share my experience creating my first app using **Docusaurus**, a static site generator that simplifies building, deploying, and maintaining websites.
11-
Hello World!!!
12-
13-
---
10+
## Hello everyone! 👋 Today, I want to share my experience creating my first app using **Docusaurus**, a static site generator that simplifies building, deploying, and maintaining websites.
1411

1512
<!-- truncate -->
1613

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
---
2+
slug: 2025-resolution
3+
title: Setting Up Enterprise-Level Applications
4+
authors: [basit]
5+
tags:
6+
[docusaurus, angular, nx, ngrx, ag grid, rx, primeng, github-pages, nodejs]
7+
---
8+
9+
# 2025 Resolution : Guiding the Community on Setting Up Enterprise-Level Applications
10+
11+
Note: I will be uploading and adding links to this blog
12+
As 2025 approaches, I am thrilled to announce my upcoming project: a comprehensive guide on setting up enterprise-level applications. This initiative will be a cornerstone of my personal resolution to give back to the community by sharing knowledge and empowering others to build scalable, maintainable, and robust applications.
13+
14+
## Why This Project?
15+
16+
Over the years, I have had the privilege of working with cutting-edge technologies, solving complex problems, and contributing to enterprise-level solutions. However, I’ve noticed a gap in accessible resources for developers who want to embark on similar journeys, especially when it comes to setting up projects with best practices and enterprise-level standards.
17+
18+
In 2025, I aim to bridge that gap. This project will be an open-source initiative that serves as a step-by-step guide to help developers, teams, and organizations create high-quality applications from scratch.
19+
20+
## What Will This Project Include?
21+
22+
The project will focus on building an enterprise-ready Angular application, but it will also incorporate general practices that apply across different frameworks and technologies. Here’s a sneak peek at the key topics I’ll cover:
23+
24+
### NX for Workspace Management
25+
26+
#### Setting up a monorepo using NX.
27+
28+
#### Managing multiple applications and libraries efficiently.
29+
30+
#### Leveraging NX tools for testing and builds.
31+
32+
### 2. State Management with NgRx
33+
34+
#### Implementing NgRx for predictable state management.
35+
36+
#### Structuring feature modules and effects for scalability.
37+
38+
### 3. Data Presentation with AG Grid and PrimeNG
39+
40+
#### Using AG Grid for data-intensive applications.
41+
42+
#### Building user-friendly interfaces with PrimeNG.
43+
44+
### 4. Micro Frontends with Module Federation
45+
46+
#### Breaking down applications into independent, shareable modules.
47+
48+
#### Configuring module federation for Angular projects.
49+
50+
### 5. Component Libraries with Storybook
51+
52+
#### Creating a design system and reusable components.
53+
54+
#### Documenting components for consistency and collaboration.
55+
56+
### 6. Automation and Quality Control
57+
58+
#### Enforcing coding standards with commit linting and ESLint.
59+
60+
#### Automating versioning and release notes using Release It.
61+
62+
### 7. CI/CD with Vercel
63+
64+
#### Deploying applications with a reliable CI/CD pipeline.
65+
66+
#### Optimizing build and deployment processes.
67+
68+
### 8. Developer Productivity
69+
70+
#### Setting up VSCode with essential extensions.
71+
72+
#### Tips and tricks for debugging, code navigation, and more.
73+
74+
#### How Will It Be Structured?
75+
76+
#### The project will be a multi-part series hosted on an open-source platform, with each part focusing on a specific feature or tool. Accompanying each post will be:
77+
78+
#### Code examples: Real-world scenarios to demonstrate implementation.
79+
80+
#### Commands and configurations: Step-by-step guides for setup.
81+
82+
#### Tips and best practices: Insights from years of enterprise development experience.
83+
84+
## Why Open Source?
85+
86+
Open source has always been a powerful medium for collaboration and growth. By making this project open source, I invite developers from all backgrounds to contribute, learn, and innovate together. Whether you’re a seasoned professional or a beginner, there will be something valuable for you.
87+
88+
## Join Me on This Journey
89+
90+
This project is not just about me sharing knowledge; it’s about creating a community of learners and contributors. Together, we can build resources that will help developers worldwide deliver better applications.
91+
92+
If you’re as excited about this as I am, stay tuned! I’ll be sharing updates, previews, and milestones along the way. Let’s make 2025 a year of learning, sharing, and growing together.

blog/tags.yml

Lines changed: 57 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,69 @@
11
docusaurus:
22
label: Docusaurus
33
permalink: /docusaurus
4-
description: Docusaurus tag description
4+
description: A powerful tool for building project documentation and blogs, used for this guide.
55

6-
react:
7-
label: React
8-
permalink: /react
9-
description: React tag description
6+
angular:
7+
label: Angular
8+
permalink: /angular
9+
description: The core framework for building the enterprise-level application in this project.
10+
11+
nx:
12+
label: NX
13+
permalink: /nx
14+
description: A workspace management tool for scalable and maintainable monorepos.
15+
16+
ngrx:
17+
label: NgRx
18+
permalink: /ngrx
19+
description: State management library integrated for predictable application behavior.
20+
21+
ag-grid:
22+
label: AG Grid
23+
permalink: /ag-grid
24+
description: A powerful data grid solution for enterprise applications.
25+
26+
rx:
27+
label: RxJS
28+
permalink: /rx
29+
description: Reactive programming library used for handling asynchronous operations.
30+
31+
primeng:
32+
label: PrimeNG
33+
permalink: /primeng
34+
description: A rich UI component library for Angular applications.
1035

1136
github-pages:
1237
label: GitHub Pages
1338
permalink: /github-pages
14-
description: GitHub Pages tag description
39+
description: An option for hosting project documentation or blogs.
1540

1641
nodejs:
1742
label: Node.js
1843
permalink: /nodejs
19-
description: Node.js tag description
44+
description: Backend technology for server-side operations and build processes.
45+
46+
storybook:
47+
label: Storybook
48+
permalink: /storybook
49+
description: A tool for building and documenting reusable UI components.
50+
51+
module-federation:
52+
label: Module Federation
53+
permalink: /module-federation
54+
description: For creating micro-frontend architectures within Angular applications.
55+
56+
eslint:
57+
label: ESLint
58+
permalink: /eslint
59+
description: For maintaining code quality through linting.
60+
61+
ci-cd:
62+
label: CI/CD
63+
permalink: /ci-cd
64+
description: Continuous integration and delivery pipeline for seamless deployments.
65+
66+
vercel:
67+
label: Vercel
68+
permalink: /vercel
69+
description: A platform for deploying and managing web applications.

0 commit comments

Comments
 (0)