Conversation
…tegration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files
…loyment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch
…ate sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment
…nt workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity
- Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null
… deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration
… deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing
- Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures
…ent workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found
…ployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions
…ing in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process
…error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues
- Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency
…ound transform for improved layout
…t and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment
…tency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout
…cumentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
…rformance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity
volcodes
added a commit
that referenced
this pull request
Apr 18, 2025
* feat(infra): Enhance infrastructure setup with Terraform and CI/CD integration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files * fix(experience): update background image path in experience page * fix(experience): change background image format from PNG to JPG in experience page * fix(nuxt.config): remove unused Poppins font family from Google Fonts configuration * fix(deploy): update S3 bucket selection logic for deployment based on branch * feat(deploy): add Terraform setup and CloudFront cache control to deployment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch * feat(nuxt.config): add runtime config for staging environment and update sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment * feat(deploy): enhance CloudFront cache invalidation logic in deployment workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity * feat(deploy): improve CloudFront output handling in deployment workflow - Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null * feat(deploy): refine CloudFront output structure and ID extraction in deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration * feat(deploy): enhance Terraform initialization and output handling in deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing * feat(deploy): update Terraform state management in deployment workflow - Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures * feat(deploy): enhance CloudFront distribution ID retrieval in deployment workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found * feat(deploy): enhance CloudFront distribution ID fallback logic in deployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions * feat(deploy): enhance CloudFront distribution ID retrieval and debugging in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process * feat(deploy): simplify CloudFront distribution retrieval and improve error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues * feat(deploy): enhance CloudFront cache invalidation process and output clarity * feat(app): enhance page transition handling and add transition fixes - Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency * refactor(styles): remove deprecated fixes.scss file and update main.scss * fix(AppHero): replace NuxtImg with standard img tag and adjust background transform for improved layout * refactor(AppHero): restructure template and styles for improved layout and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment * style(AppHero): update text element and adjust font styles for consistency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout * refactor(README, AppHero, AppFooter, index): update infrastructure documentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout * refactor(AppHero): comment out unused elements for cleaner template * refactor(AppHero): enhance mobile detection and optimize rendering performance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity
volcodes
added a commit
that referenced
this pull request
Apr 19, 2025
…11) * 🚀 Deployment (#9) (#10) * feat(infra): Enhance infrastructure setup with Terraform and CI/CD integration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files * fix(experience): update background image path in experience page * fix(experience): change background image format from PNG to JPG in experience page * fix(nuxt.config): remove unused Poppins font family from Google Fonts configuration * fix(deploy): update S3 bucket selection logic for deployment based on branch * feat(deploy): add Terraform setup and CloudFront cache control to deployment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch * feat(nuxt.config): add runtime config for staging environment and update sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment * feat(deploy): enhance CloudFront cache invalidation logic in deployment workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity * feat(deploy): improve CloudFront output handling in deployment workflow - Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null * feat(deploy): refine CloudFront output structure and ID extraction in deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration * feat(deploy): enhance Terraform initialization and output handling in deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing * feat(deploy): update Terraform state management in deployment workflow - Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures * feat(deploy): enhance CloudFront distribution ID retrieval in deployment workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found * feat(deploy): enhance CloudFront distribution ID fallback logic in deployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions * feat(deploy): enhance CloudFront distribution ID retrieval and debugging in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process * feat(deploy): simplify CloudFront distribution retrieval and improve error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues * feat(deploy): enhance CloudFront cache invalidation process and output clarity * feat(app): enhance page transition handling and add transition fixes - Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency * refactor(styles): remove deprecated fixes.scss file and update main.scss * fix(AppHero): replace NuxtImg with standard img tag and adjust background transform for improved layout * refactor(AppHero): restructure template and styles for improved layout and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment * style(AppHero): update text element and adjust font styles for consistency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout * refactor(README, AppHero, AppFooter, index): update infrastructure documentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout * refactor(AppHero): comment out unused elements for cleaner template * refactor(AppHero): enhance mobile detection and optimize rendering performance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity * Implement canvas-based matrix animation in AppHero component - Introduced a new matrix animation effect using a canvas for improved performance and visual appeal. - Added a character set and words for the animation, enhancing the dynamic display. - Refactored the layout to accommodate the new animation, including CSS adjustments for better responsiveness and aesthetics. - Cleaned up existing code and optimized rendering logic for a smoother user experience. * Refactor AppHero and projects pages for improved layout and performance - Integrated MatrixBackground component in AppHero for enhanced visual effects. - Updated project images to use responsive sizes and optimized loading with webp format. - Adjusted CSS styles for better responsiveness and layout consistency across components. * Remove INFRASTRUCTURE.md and update visual components for enhanced user experience - Deleted INFRASTRUCTURE.md as it is no longer needed. - Adjusted AppHero component to increase minimum height for better layout. - Enhanced MatrixBackground component with additional technology terms and improved animation effects. - Updated index and projects pages with new background styles and project details, including a new project showcasing AWS infrastructure using Terraform. * Update styles and project details for improved layout and clarity - Adjusted padding in AppFooter for better spacing. - Modified margin in AppHero to enhance layout consistency. - Updated background image path in index page and improved background styles. - Enhanced project details in projects page, including new technology tags and updated links for source code and live sites. * Update GitHub Actions workflow to enhance test steps - Added explicit names for the steps to install packages and run tests for better clarity. - Improved readability of the workflow configuration by organizing the steps with descriptive titles. * Update GitHub Actions workflows for deployment and testing - Modified the deployment workflow to trigger only after successful completion of the test workflow. - Updated the test workflow to include push events for both main and staging branches, enhancing CI/CD integration. * Remove push event triggers from GitHub Actions test workflow for streamlined CI/CD process * Update GitHub Actions test workflow name and step titles for improved clarity * Refactor GitHub Actions workflows for improved CI/CD process - Renamed deployment workflow to CI/CD Pipeline and updated triggers to include push events for main and staging branches. - Introduced a new test job in the deployment workflow to run tests before deployment. - Renamed test workflow to PR Tests for better clarity. * Refactor GitHub Actions workflows for clarity and efficiency - Removed pull request triggers from the deployment workflow to streamline the CI/CD process. - Updated the test workflow name to "Pull Request Tests" and added a descriptive job name "Validate PR" for better clarity. * Enhance GitHub Actions workflows with improved clarity and separation - Added descriptive comments to the CI/CD Pipeline workflow to clarify its purpose and execution flow. - Updated the test workflow with comments to emphasize its independence from the CI/CD Pipeline, ensuring better understanding of the workflows' interactions. * Rename GitHub Actions workflows for clarity - Updated the deployment workflow name from "CI/CD Pipeline" to "Deployment" for better alignment with its purpose. - Changed the test workflow name from "Pull Request Tests" to "Testing" to reflect its broader application in validating changes. * Remove test job from deployment workflow in GitHub Actions - Eliminated the test job from the deployment workflow to streamline the CI/CD process, allowing for a more direct deployment without pre-deployment tests. * Update GitHub Actions test job name for clarity - Renamed the test job from "Validate PR" to "Run Tests" to better reflect its purpose in the workflow. * Update GitHub Actions workflow names for improved clarity - Changed the deployment job name to "Deploying..." for better visibility during the deployment process. - Updated the test job name to "tests are running..." to provide clearer feedback during test execution. * Enhance Terraform configuration for improved error handling and caching - Added error document configuration to route all errors to index.html in S3 bucket. - Updated CloudFront distribution settings to allow all HTTP methods and optimize caching for single-page applications (SPA). - Implemented custom error responses for 403 and 404 errors to serve index.html. - Ensured ACM certificate covers all necessary domains: volcode.org, www.volcode.org, and staging.volcode.org. * Fix: Update contact form to use HTTPS endpoint * Enhance AppHero component with achievement image mapping - Added imports for achievement background images. - Created a mapping object for achievement images to streamline image handling. - Updated the image source in the template to utilize the new mapping, improving maintainability. * Update project description for clarity - Revised the project description to clarify the use of Infrastructure as Code (IaC) in the AWS infrastructure architecture. * Refactor AppHero component and update project description - Introduced a helper function to streamline image path handling in the AppHero component, improving maintainability. - Updated the project description for clarity, emphasizing the focus on infrastructure automation, web development, and data tools.
volcodes
added a commit
that referenced
this pull request
Apr 20, 2025
* 🚀 Deployment (#9) (#10) * feat(infra): Enhance infrastructure setup with Terraform and CI/CD integration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files * fix(experience): update background image path in experience page * fix(experience): change background image format from PNG to JPG in experience page * fix(nuxt.config): remove unused Poppins font family from Google Fonts configuration * fix(deploy): update S3 bucket selection logic for deployment based on branch * feat(deploy): add Terraform setup and CloudFront cache control to deployment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch * feat(nuxt.config): add runtime config for staging environment and update sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment * feat(deploy): enhance CloudFront cache invalidation logic in deployment workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity * feat(deploy): improve CloudFront output handling in deployment workflow - Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null * feat(deploy): refine CloudFront output structure and ID extraction in deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration * feat(deploy): enhance Terraform initialization and output handling in deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing * feat(deploy): update Terraform state management in deployment workflow - Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures * feat(deploy): enhance CloudFront distribution ID retrieval in deployment workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found * feat(deploy): enhance CloudFront distribution ID fallback logic in deployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions * feat(deploy): enhance CloudFront distribution ID retrieval and debugging in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process * feat(deploy): simplify CloudFront distribution retrieval and improve error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues * feat(deploy): enhance CloudFront cache invalidation process and output clarity * feat(app): enhance page transition handling and add transition fixes - Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency * refactor(styles): remove deprecated fixes.scss file and update main.scss * fix(AppHero): replace NuxtImg with standard img tag and adjust background transform for improved layout * refactor(AppHero): restructure template and styles for improved layout and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment * style(AppHero): update text element and adjust font styles for consistency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout * refactor(README, AppHero, AppFooter, index): update infrastructure documentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout * refactor(AppHero): comment out unused elements for cleaner template * refactor(AppHero): enhance mobile detection and optimize rendering performance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity * Implement canvas-based matrix animation in AppHero component - Introduced a new matrix animation effect using a canvas for improved performance and visual appeal. - Added a character set and words for the animation, enhancing the dynamic display. - Refactored the layout to accommodate the new animation, including CSS adjustments for better responsiveness and aesthetics. - Cleaned up existing code and optimized rendering logic for a smoother user experience. * Refactor AppHero and projects pages for improved layout and performance - Integrated MatrixBackground component in AppHero for enhanced visual effects. - Updated project images to use responsive sizes and optimized loading with webp format. - Adjusted CSS styles for better responsiveness and layout consistency across components. * Remove INFRASTRUCTURE.md and update visual components for enhanced user experience - Deleted INFRASTRUCTURE.md as it is no longer needed. - Adjusted AppHero component to increase minimum height for better layout. - Enhanced MatrixBackground component with additional technology terms and improved animation effects. - Updated index and projects pages with new background styles and project details, including a new project showcasing AWS infrastructure using Terraform. * Update styles and project details for improved layout and clarity - Adjusted padding in AppFooter for better spacing. - Modified margin in AppHero to enhance layout consistency. - Updated background image path in index page and improved background styles. - Enhanced project details in projects page, including new technology tags and updated links for source code and live sites. * Update GitHub Actions workflow to enhance test steps - Added explicit names for the steps to install packages and run tests for better clarity. - Improved readability of the workflow configuration by organizing the steps with descriptive titles. * Update GitHub Actions workflows for deployment and testing - Modified the deployment workflow to trigger only after successful completion of the test workflow. - Updated the test workflow to include push events for both main and staging branches, enhancing CI/CD integration. * Remove push event triggers from GitHub Actions test workflow for streamlined CI/CD process * Update GitHub Actions test workflow name and step titles for improved clarity * Refactor GitHub Actions workflows for improved CI/CD process - Renamed deployment workflow to CI/CD Pipeline and updated triggers to include push events for main and staging branches. - Introduced a new test job in the deployment workflow to run tests before deployment. - Renamed test workflow to PR Tests for better clarity. * Refactor GitHub Actions workflows for clarity and efficiency - Removed pull request triggers from the deployment workflow to streamline the CI/CD process. - Updated the test workflow name to "Pull Request Tests" and added a descriptive job name "Validate PR" for better clarity. * Enhance GitHub Actions workflows with improved clarity and separation - Added descriptive comments to the CI/CD Pipeline workflow to clarify its purpose and execution flow. - Updated the test workflow with comments to emphasize its independence from the CI/CD Pipeline, ensuring better understanding of the workflows' interactions. * Rename GitHub Actions workflows for clarity - Updated the deployment workflow name from "CI/CD Pipeline" to "Deployment" for better alignment with its purpose. - Changed the test workflow name from "Pull Request Tests" to "Testing" to reflect its broader application in validating changes. * Remove test job from deployment workflow in GitHub Actions - Eliminated the test job from the deployment workflow to streamline the CI/CD process, allowing for a more direct deployment without pre-deployment tests. * Update GitHub Actions test job name for clarity - Renamed the test job from "Validate PR" to "Run Tests" to better reflect its purpose in the workflow. * Update GitHub Actions workflow names for improved clarity - Changed the deployment job name to "Deploying..." for better visibility during the deployment process. - Updated the test job name to "tests are running..." to provide clearer feedback during test execution. * Enhance Terraform configuration for improved error handling and caching - Added error document configuration to route all errors to index.html in S3 bucket. - Updated CloudFront distribution settings to allow all HTTP methods and optimize caching for single-page applications (SPA). - Implemented custom error responses for 403 and 404 errors to serve index.html. - Ensured ACM certificate covers all necessary domains: volcode.org, www.volcode.org, and staging.volcode.org. * Fix: Update contact form to use HTTPS endpoint * Enhance AppHero component with achievement image mapping - Added imports for achievement background images. - Created a mapping object for achievement images to streamline image handling. - Updated the image source in the template to utilize the new mapping, improving maintainability. * Update project description for clarity - Revised the project description to clarify the use of Infrastructure as Code (IaC) in the AWS infrastructure architecture. * Refactor AppHero component and update project description - Introduced a helper function to streamline image path handling in the AppHero component, improving maintainability. - Updated the project description for clarity, emphasizing the focus on infrastructure automation, web development, and data tools. * Update achievements and project descriptions in AppHero and experience pages - Revised achievement descriptions for clarity and consistency, including updates to project impacts and technologies used. - Enhanced the project descriptions in the experience pages to better reflect contributions and outcomes at Homeday and TRT World. - Adjusted padding in Modal component for improved layout. * Enhance styling and functionality of modal and header components - Added a new class for full-height modal wrappers in main.scss to improve layout. - Updated the header component's box-shadow and background color for better visual consistency. - Removed unused matrix animation code from AppHero component to streamline the codebase. - Adjusted modal animation keyframes for responsive design, ensuring better performance on different screen sizes. * Update background color and box-shadow in index.vue for improved visual consistency * Enhance Nuxt configuration and optimize performance - Added font display swap and prefetch options for Google Fonts to improve loading performance. - Introduced build optimizations including CSS code splitting and manual chunking for PDF resources. - Updated robots configuration for staging environments and improved sitemap settings. - Enhanced matrix animation with parallax effects based on mouse movement and device orientation. - Added new secondary words for matrix animation to increase variety. - Improved overall rendering performance with experimental features and Nitro build optimizations. - Introduced a new light blue button style in AppHero component for better UI consistency. * Update resume file and references in the project - Replaced the existing resume.pdf with Mehmet_Deveci_Resume.pdf for clarity and consistency. - Updated references in nuxt.config.ts and AppHeader.vue to reflect the new file name. - Adjusted download link in AppHeader.vue to ensure correct file naming during download. - Modified achievement description in AppHero.vue for improved accuracy. * Update resume PDF file to the latest version * Update resume PDF file to the latest version * Fix YAML syntax errors in GitHub Actions workflow * Enhance deployment workflow and infrastructure configuration - Added prerender routes in Nuxt configuration for improved SEO and performance. - Updated GitHub Actions workflow to prepare S3 uploads by copying index.html to specific route directories. - Refactored Terraform configuration to include a new S3 bucket for root domain redirection and associated CloudFront distribution. - Enhanced output structure in Terraform to include root redirect CloudFront URLs for better management.
Closed
volcodes
added a commit
that referenced
this pull request
Apr 20, 2025
* feat(infra): Enhance infrastructure setup with Terraform and CI/CD integration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files * fix(experience): update background image path in experience page * fix(experience): change background image format from PNG to JPG in experience page * fix(nuxt.config): remove unused Poppins font family from Google Fonts configuration * fix(deploy): update S3 bucket selection logic for deployment based on branch * feat(deploy): add Terraform setup and CloudFront cache control to deployment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch * feat(nuxt.config): add runtime config for staging environment and update sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment * feat(deploy): enhance CloudFront cache invalidation logic in deployment workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity * feat(deploy): improve CloudFront output handling in deployment workflow - Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null * feat(deploy): refine CloudFront output structure and ID extraction in deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration * feat(deploy): enhance Terraform initialization and output handling in deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing * feat(deploy): update Terraform state management in deployment workflow - Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures * feat(deploy): enhance CloudFront distribution ID retrieval in deployment workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found * feat(deploy): enhance CloudFront distribution ID fallback logic in deployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions * feat(deploy): enhance CloudFront distribution ID retrieval and debugging in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process * feat(deploy): simplify CloudFront distribution retrieval and improve error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues * feat(deploy): enhance CloudFront cache invalidation process and output clarity * feat(app): enhance page transition handling and add transition fixes - Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency * refactor(styles): remove deprecated fixes.scss file and update main.scss * fix(AppHero): replace NuxtImg with standard img tag and adjust background transform for improved layout * refactor(AppHero): restructure template and styles for improved layout and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment * style(AppHero): update text element and adjust font styles for consistency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout * refactor(README, AppHero, AppFooter, index): update infrastructure documentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout * refactor(AppHero): comment out unused elements for cleaner template * refactor(AppHero): enhance mobile detection and optimize rendering performance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity
volcodes
added a commit
that referenced
this pull request
Apr 20, 2025
* 🚀 Deployment (#9) (#10) * feat(infra): Enhance infrastructure setup with Terraform and CI/CD integration - Add Terraform configuration for AWS resources including S3, CloudFront, and IAM - Implement GitHub Actions workflow for automated deployment to staging and production - Update README with project overview and infrastructure details - Extend .gitignore to include Terraform and AWS credential files * fix(experience): update background image path in experience page * fix(experience): change background image format from PNG to JPG in experience page * fix(nuxt.config): remove unused Poppins font family from Google Fonts configuration * fix(deploy): update S3 bucket selection logic for deployment based on branch * feat(deploy): add Terraform setup and CloudFront cache control to deployment workflow - Introduced Terraform setup step in GitHub Actions for consistent infrastructure management - Added cache control settings in CloudFront distribution to optimize content delivery - Updated S3 sync logic to ensure proper deployment based on branch * feat(nuxt.config): add runtime config for staging environment and update sitemap logic - Introduced runtime configuration to manage environment variables, specifically for staging - Added noindex meta tag for staging environment to prevent indexing by search engines - Updated sitemap generation to exclude URLs in staging - Created a new robots configuration file for better management of bot access - Implemented middleware to block search engine bots from accessing the staging environment * feat(deploy): enhance CloudFront cache invalidation logic in deployment workflow - Updated deployment workflow to dynamically retrieve CloudFront distribution IDs based on the domain - Improved error handling for cache invalidation by checking if the distribution ID exists - Enhanced Terraform output structure to include both domain names and IDs for better clarity * feat(deploy): improve CloudFront output handling in deployment workflow - Added debugging steps to retrieve and inspect CloudFront outputs from Terraform - Enhanced extraction of distribution ID with explicit JSON parsing - Improved error handling for cases where the distribution ID is not found or is null * feat(deploy): refine CloudFront output structure and ID extraction in deployment workflow - Updated Terraform output to include domain names and IDs with a new key format - Enhanced ID extraction logic in deployment workflow for better clarity and debugging - Removed redundant outputs.tf file to streamline configuration * feat(deploy): enhance Terraform initialization and output handling in deployment workflow - Added Terraform initialization and apply steps to ensure proper state management - Improved error handling for CloudFront output retrieval and JSON parsing - Added checks for output file existence and content before processing * feat(deploy): update Terraform state management in deployment workflow - Replaced Terraform apply step with refresh to ensure the state is up-to-date - Improved error handling to allow workflow continuation despite refresh failures * feat(deploy): enhance CloudFront distribution ID retrieval in deployment workflow - Streamlined the process of finding CloudFront distribution IDs by querying AWS directly - Added fallback logic to match distributions by origin domain name if alias matching fails - Improved debugging output to list all distributions when no match is found * feat(deploy): enhance CloudFront distribution ID fallback logic in deployment workflow - Improved handling of null values in Aliases and Origins when retrieving CloudFront distribution IDs - Added additional fallback mechanism to match distributions by S3 bucket name if previous attempts fail - Enhanced debugging output to provide clearer information on distribution listings and fallback actions * feat(deploy): enhance CloudFront distribution ID retrieval and debugging in deployment workflow - Improved debugging output to list all CloudFront distributions with detailed information for better visibility - Enhanced fallback logic to match distributions by S3 website endpoint and bucket name - Added a check for the number of distributions found to streamline the selection process * feat(deploy): simplify CloudFront distribution retrieval and improve error handling in deployment workflow - Removed extensive debugging output for CloudFront distributions to streamline the process - Enhanced logic to find distribution ID by matching S3 bucket name directly - Improved error handling for cache invalidation, providing clearer messages for permission issues * feat(deploy): enhance CloudFront cache invalidation process and output clarity * feat(app): enhance page transition handling and add transition fixes - Introduced onMounted lifecycle hook to manage content visibility and transition readiness - Added logic to re-trigger animations after a delay for smoother transitions - Created a new fixes.scss file to address transition and animation issues across various elements - Updated main.scss to import the new fixes for improved styling consistency * refactor(styles): remove deprecated fixes.scss file and update main.scss * fix(AppHero): replace NuxtImg with standard img tag and adjust background transform for improved layout * refactor(AppHero): restructure template and styles for improved layout and animation - Updated the AppHero component template to enhance structure and readability - Introduced a new grid layout for background boxes with fade-in animation - Adjusted padding in the index page for better visual alignment * style(AppHero): update text element and adjust font styles for consistency - Replaced <em> tag with <span> for better semantic structure - Updated font size to 1.25rem and added margin-top for improved layout * refactor(README, AppHero, AppFooter, index): update infrastructure documentation and improve component styles - Revised README to enhance clarity on infrastructure features and setup - Adjusted styles in AppFooter for better spacing - Restructured AppHero component layout and styles for improved visual consistency - Updated index page styles to enhance background and grid layout * refactor(AppHero): comment out unused elements for cleaner template * refactor(AppHero): enhance mobile detection and optimize rendering performance - Implemented client-side mobile detection with a resize listener for dynamic updates - Introduced deferred rendering for boxes to improve loading performance after critical content - Lazy-loaded video modal content to enhance user experience - Optimized box generation logic and CSS for better performance and reduced complexity * Implement canvas-based matrix animation in AppHero component - Introduced a new matrix animation effect using a canvas for improved performance and visual appeal. - Added a character set and words for the animation, enhancing the dynamic display. - Refactored the layout to accommodate the new animation, including CSS adjustments for better responsiveness and aesthetics. - Cleaned up existing code and optimized rendering logic for a smoother user experience. * Refactor AppHero and projects pages for improved layout and performance - Integrated MatrixBackground component in AppHero for enhanced visual effects. - Updated project images to use responsive sizes and optimized loading with webp format. - Adjusted CSS styles for better responsiveness and layout consistency across components. * Remove INFRASTRUCTURE.md and update visual components for enhanced user experience - Deleted INFRASTRUCTURE.md as it is no longer needed. - Adjusted AppHero component to increase minimum height for better layout. - Enhanced MatrixBackground component with additional technology terms and improved animation effects. - Updated index and projects pages with new background styles and project details, including a new project showcasing AWS infrastructure using Terraform. * Update styles and project details for improved layout and clarity - Adjusted padding in AppFooter for better spacing. - Modified margin in AppHero to enhance layout consistency. - Updated background image path in index page and improved background styles. - Enhanced project details in projects page, including new technology tags and updated links for source code and live sites. * Update GitHub Actions workflow to enhance test steps - Added explicit names for the steps to install packages and run tests for better clarity. - Improved readability of the workflow configuration by organizing the steps with descriptive titles. * Update GitHub Actions workflows for deployment and testing - Modified the deployment workflow to trigger only after successful completion of the test workflow. - Updated the test workflow to include push events for both main and staging branches, enhancing CI/CD integration. * Remove push event triggers from GitHub Actions test workflow for streamlined CI/CD process * Update GitHub Actions test workflow name and step titles for improved clarity * Refactor GitHub Actions workflows for improved CI/CD process - Renamed deployment workflow to CI/CD Pipeline and updated triggers to include push events for main and staging branches. - Introduced a new test job in the deployment workflow to run tests before deployment. - Renamed test workflow to PR Tests for better clarity. * Refactor GitHub Actions workflows for clarity and efficiency - Removed pull request triggers from the deployment workflow to streamline the CI/CD process. - Updated the test workflow name to "Pull Request Tests" and added a descriptive job name "Validate PR" for better clarity. * Enhance GitHub Actions workflows with improved clarity and separation - Added descriptive comments to the CI/CD Pipeline workflow to clarify its purpose and execution flow. - Updated the test workflow with comments to emphasize its independence from the CI/CD Pipeline, ensuring better understanding of the workflows' interactions. * Rename GitHub Actions workflows for clarity - Updated the deployment workflow name from "CI/CD Pipeline" to "Deployment" for better alignment with its purpose. - Changed the test workflow name from "Pull Request Tests" to "Testing" to reflect its broader application in validating changes. * Remove test job from deployment workflow in GitHub Actions - Eliminated the test job from the deployment workflow to streamline the CI/CD process, allowing for a more direct deployment without pre-deployment tests. * Update GitHub Actions test job name for clarity - Renamed the test job from "Validate PR" to "Run Tests" to better reflect its purpose in the workflow. * Update GitHub Actions workflow names for improved clarity - Changed the deployment job name to "Deploying..." for better visibility during the deployment process. - Updated the test job name to "tests are running..." to provide clearer feedback during test execution. * Enhance Terraform configuration for improved error handling and caching - Added error document configuration to route all errors to index.html in S3 bucket. - Updated CloudFront distribution settings to allow all HTTP methods and optimize caching for single-page applications (SPA). - Implemented custom error responses for 403 and 404 errors to serve index.html. - Ensured ACM certificate covers all necessary domains: volcode.org, www.volcode.org, and staging.volcode.org. * Fix: Update contact form to use HTTPS endpoint * Enhance AppHero component with achievement image mapping - Added imports for achievement background images. - Created a mapping object for achievement images to streamline image handling. - Updated the image source in the template to utilize the new mapping, improving maintainability. * Update project description for clarity - Revised the project description to clarify the use of Infrastructure as Code (IaC) in the AWS infrastructure architecture. * Refactor AppHero component and update project description - Introduced a helper function to streamline image path handling in the AppHero component, improving maintainability. - Updated the project description for clarity, emphasizing the focus on infrastructure automation, web development, and data tools. * Update achievements and project descriptions in AppHero and experience pages - Revised achievement descriptions for clarity and consistency, including updates to project impacts and technologies used. - Enhanced the project descriptions in the experience pages to better reflect contributions and outcomes at Homeday and TRT World. - Adjusted padding in Modal component for improved layout. * Enhance styling and functionality of modal and header components - Added a new class for full-height modal wrappers in main.scss to improve layout. - Updated the header component's box-shadow and background color for better visual consistency. - Removed unused matrix animation code from AppHero component to streamline the codebase. - Adjusted modal animation keyframes for responsive design, ensuring better performance on different screen sizes. * Update background color and box-shadow in index.vue for improved visual consistency * Enhance Nuxt configuration and optimize performance - Added font display swap and prefetch options for Google Fonts to improve loading performance. - Introduced build optimizations including CSS code splitting and manual chunking for PDF resources. - Updated robots configuration for staging environments and improved sitemap settings. - Enhanced matrix animation with parallax effects based on mouse movement and device orientation. - Added new secondary words for matrix animation to increase variety. - Improved overall rendering performance with experimental features and Nitro build optimizations. - Introduced a new light blue button style in AppHero component for better UI consistency. * Update resume file and references in the project - Replaced the existing resume.pdf with Mehmet_Deveci_Resume.pdf for clarity and consistency. - Updated references in nuxt.config.ts and AppHeader.vue to reflect the new file name. - Adjusted download link in AppHeader.vue to ensure correct file naming during download. - Modified achievement description in AppHero.vue for improved accuracy. * Update resume PDF file to the latest version * Update resume PDF file to the latest version * Fix YAML syntax errors in GitHub Actions workflow * Enhance deployment workflow and infrastructure configuration - Added prerender routes in Nuxt configuration for improved SEO and performance. - Updated GitHub Actions workflow to prepare S3 uploads by copying index.html to specific route directories. - Refactored Terraform configuration to include a new S3 bucket for root domain redirection and associated CloudFront distribution. - Enhanced output structure in Terraform to include root redirect CloudFront URLs for better management.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.