Skip to content

This is my personal open source landing page. Feel free to use the code and get inspired by things to do (or not do).

License

Notifications You must be signed in to change notification settings

raferdev/rafer.dev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project logo

Raferdev Landing Page

Build and Deploy Playwright Tests


📝 Table of Contents

🧐 About

In a moment, this is a simple static landing page, but the main idea of this project is to create all the web flow agents present in a good server-hosted web app, like a cloud provider, remote access, a containarized environment, automated CI/CD, a reverve proxy with nginx, UI tests, UI documentation, the frontend development itself, and design notions.

  • Server: AWS: EC2 (t4g-small instance), Elastic Load Balancer, Route 53, and Certificate Manager to create the domain, track, and access the server. The server itself, the RHEL-9.2.0 system, uses Nginx as a reverse proxy to deliver a static domain or storybook.domain and configure all HTTP rules and headers.
  • CI/CD: Github Actions: Run tests respecting the push branch rules, deploy the pipeline that runs the build, save the build artifacts, and deploy these artifacts on the server, starting the nginx container.
  • Frontent: Nextjs plus Tailwind, and Storybook with Nextjs and Tailwind plugins.

Docs: storybook.rafer.dev

⛏️ Built Using

  • NextJS - The React Framework for the Web
  • Tailwind - Build modern websites without ever leaving your HTML
  • Typescript - Javascript with super powers
  • Storybook - Build UIs without the grunt work
  • Github Actions - Automate your workflow from idea to production
  • Playwright - Reliable end-to-end testing for modern web apps

💙 Contribute

  • I would love to hear some tips, issues, ideas that you see. You can open an issue or report a security break, and if applicable fork from development branch to do a pr to main branch.

✍️ Authors