Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahiarirani/resume-serverless
personal web resume template for devs powered by Tailwind CSS, Nunjucks templating, and the 11ty static site generator.
https://github.com/mahiarirani/resume-serverless
11ty github-workflows jamstack nunjucks serverless tailwindcss
Last synced: 4 months ago
JSON representation
personal web resume template for devs powered by Tailwind CSS, Nunjucks templating, and the 11ty static site generator.
- Host: GitHub
- URL: https://github.com/mahiarirani/resume-serverless
- Owner: mahiarirani
- Created: 2023-10-10T00:48:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-03T19:10:25.000Z (about 1 year ago)
- Last Synced: 2024-09-27T07:43:02.544Z (4 months ago)
- Topics: 11ty, github-workflows, jamstack, nunjucks, serverless, tailwindcss
- Language: Nunjucks
- Homepage: https://mahiarirani.github.io/resume-serverless/
- Size: 370 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✨ resume-serverless ✨
![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/mahiarirani/resume-serverless/pipeline.yml?style=for-the-badge&logo=github-actions&logoColor=white)
![11ty](https://img.shields.io/badge/Eleventy-000000?style=for-the-badge&logo=eleventy&logoColor=white)
![Tailwinds](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![PostCSS](https://img.shields.io/badge/Postcss-DD3A0A?style=for-the-badge&logo=postcss&logoColor=white)
![Nunjucks](https://img.shields.io/badge/Nunjucks-1C4913?style=for-the-badge&logo=nunjucks&logoColor=white)
![Markdown](https://img.shields.io/badge/Markdown-FFFFFF?style=for-the-badge&logo=markdown&logoColor=black)Welcome to the "resume-serverless" web application template, powered by Tailwind CSS, Nunjucks templating, and the 11ty
static site generator.## Live Demo
[https://mahiarirani.github.io/resume-serverless/](https://mahiarirani.github.io/resume-serverless/)
## Overview
The "resume-serverless" app template provides a solid foundation for building your web-based resume or personal
portfolio. Here's what you need to know:- **🎨 Tailwind CSS**: We've integrated Tailwind CSS, a highly customizable and utility-first CSS framework, to make
styling your resume a breeze. Express your creativity and design your online presence with ease.- **🧩 Nunjucks Templating**: Nunjucks is a flexible and powerful templating engine. It simplifies the process of creating
dynamic web pages, allowing you to showcase your skills, experience, and achievements effectively.- **🌐 11ty Static Site Generator**: With 11ty, you can transform your Nunjucks templates and Tailwind CSS styles into
serverless web files. This approach offers the advantage of fast, efficient, and scalable web applications that can be
hosted almost anywhere.## Getting Started
To get started with the "resume-serverless" app:
1. **Clone the Repository**: Begin by cloning this repository to your local development environment.
2. **Customize Tailwind CSS**: Modify the Tailwind CSS configuration to match your design preferences. Tailwind's
utility classes make it easy to tailor the styling to your liking.3. **Create Your Resume**: Add your resume content within the `src` folder using Nunjucks templates. Customize layouts,
pass data, and structure your resume to make it uniquely yours.4. **Serve Locally**: Use the following npm commands:
- **`npm run dev`**: Run this command to start a local development server. It will enable you to preview and make
changes to your resume in real-time.- **`npm run build`**: When you're ready to deploy, use this command to generate optimized static files for your
resume.5. **Deployment**: Once you're satisfied with your resume, you can deploy it to your preferred hosting platform. 11ty
generates static files, making deployment straightforward.## Additional Info
- **Explore Tailwind CSS**: Dive into the world of Tailwind CSS and unleash your creativity with its extensive set of
utility classes.- **11ty Magic**: 11ty can do more than you might think! From automatic image optimization to powerful data
transformation, it's your Swiss Army knife for static site generation.- **Community Support**: The Tailwind CSS and 11ty communities are active and vibrant. If you run into questions or need
assistance, don't hesitate to reach out to fellow developers.- **Stay Updated**: Keep an eye on the official Tailwind CSS and 11ty documentation for the latest features and best
practices.Have fun building your online resume with the "resume-serverless" template! 🚀