Reactiver Profile Starter is a Spanish-first Eleventy and Tailwind CSS starter that builds a static freelance profile site and deploys to Netlify with a single button click.
What is Reactiver Profile Starter?
Reactiver Profile Starter is an open-source starter template for creating portfolio/profile websites using Eleventy (11ty) as the static site generator and TailwindCSS for styling. It consumes JavaScript data files (site metadata and navigation) plus template and content files, and produces a fully static, minified HTML/CSS/JS site ready for Netlify hosting. The project was created by Daniel Primo for the Spanish-speaking community around the Web Reactiva podcast, and it openly credits Marc Filleul's MF Blog Starter as its main inspiration.
Key Features
- Eleventy static generation — Eleventy builds the site from templates and content into plain static HTML, with no server-side runtime.
- TailwindCSS + PostCSS pipeline — PostCSS processes TailwindCSS, Autoprefixer, and PurgeCSS, which strips unused CSS in production builds.
- One-click Netlify deployment — The README includes a Deploy to Netlify button that connects the repository and creates a new Netlify site automatically.
- Cookie consent banner — Cookie Notice from AOEpeople adds a configurable cookie warning banner to the site.
- FormSpree contact form — A prebuilt contact form sends submissions to your FormSpree email once you update the destination address in the site configuration.
- Production optimizations — HTML, CSS, and JavaScript are minified for production; scripts are optimized before release.
- Inter font and PrismJS code styles — The default typeface is Inter, and code blocks are styled with PrismJS via the prism.css stylesheet.
- Centralized configuration — Edit site-wide parameters in src/_data/site.js and navigation links in src/_data/navigation.js without touching template files.
Who is it for?
- Spanish-speaking freelancers — can publish a professional profile page in their own language, since the starter's documentation and default copy are oriented to a Spanish-speaking audience.
- Web Reactiva podcast listeners — this starter explicitly targets that community, giving them a ready-made base for launching a personal site.
- JAMstack developers — anyone comfortable with Eleventy and TailwindCSS can use this minimal starter as a starting point for client portfolio projects.
- Netlify users — can deploy the starter immediately by clicking the Deploy to Netlify button in the README.
What can you do with it?
- Freelance developers: quickly launch a personal profile site that showcases services, skills, and projects, with the contact form ready to receive client inquiries.
- Content creators: extend the starter to publish posts or tutorials with PrismJS-highlighted code blocks, since the base inherits blog-style functionality from the MF Blog Starter.
- Open-source learners: inspect a compact Eleventy + TailwindCSS codebase to see how site data, PostCSS processing, and static generation fit together.
How does it work?
Setup takes four steps: clone the repository, run npm install to install dependencies, run npm run watch for local development (which starts Eleventy and compiles CSS), and run npm run build to produce a production-optimized static site. After setup, customize the profile by editing src/_data/site.js for site parameters, src/_data/navigation.js for menu links, src/assets/img for images, and src/_css/main.css for styles with postcss-nested support.
FAQ
Is Reactiver Profile Starter free?
Yes, the starter is publicly available on GitHub (github.com/delineas/reactiver-profile-starter) and the README does not mention any paid license or fee. You can clone the repository and use it for your own projects at no cost; hosting charges depend on the provider you choose.
Does the starter include a contact form?
Yes, a contact form is included and wired to FormSpree. To receive submissions, sign up for a FormSpree account and update the destination email in src/_data/site.js.
How do I run the starter locally?
Clone the repository, run npm install, then run npm run watch to start Eleventy and CSS compilation in development mode. Use npm run build to generate the production-ready static site.
How do I deploy to Netlify?
Use the Deploy to Netlify button in the README, which connects the GitHub repository to Netlify and creates a new site. After deployment, you can continue to push changes to the repository and Netlify will rebuild automatically.
