Welcome to the "resume-serverless" web application template, powered by Tailwind CSS, Nunjucks templating, and the 11ty static site generator.
https://mahiarirani.github.io/resume-serverless/
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.
To get started with the "resume-serverless" app:
-
Clone the Repository: Begin by cloning this repository to your local development environment.
-
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.
-
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. -
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.
-
-
Deployment: Once you're satisfied with your resume, you can deploy it to your preferred hosting platform. 11ty generates static files, making deployment straightforward.
-
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! 🚀