diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 00000000..ec3593f3
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,41 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+image:
+  file: .devcontainer/.gitpod.Dockerfile
+
+ports:
+  - name: Website
+    port: 3000
+    onOpen: open-browser
+
+gitConfig:
+  alias.co: checkout
+  alias.cm: checkout main
+  alias.cb: checkout -b
+  alias.st: status -sb
+  alias.lg: log --pretty=format:'%Cred%h%Creset %C(bold)%cr%Creset %Cgreen<%an>%Creset %s' --max-count=30
+  alias.rollback: reset --soft HEAD~1
+
+vscode:
+  extensions:
+    - streetsidesoftware.code-spell-checker # Code Spell Checker
+    - naumovs.color-highlight # Color Highlight
+    - ms-azuretools.vscode-docker # Docker
+    - EditorConfig.EditorConfig # Editor Config
+    - dbaeumer.vscode-eslint # ESLint
+    - esbenp.prettier-vscode # Prettier - Code formatter
+    - GitHub.github-vscode-theme # Github Dark Tubo [Theme]
+    - PKief.material-icon-theme # Material Icon Theme [Icon Theme]
+    - miguelsolorio.fluent-icons # Fluent Icons [Product Icon Theme]
+    - ms-vscode.vscode-typescript-next # JavaScript and TypeScript Nightly
+    - csstools.postcss # PostCSS Language Support
+    - bradlc.vscode-tailwindcss # Tailwind CSS IntelliSense
+
+
+tasks:
+  - name: Install Packages
+    command: pnpm install