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
- 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
- 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.
- @raferdev - idea & build