question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

⚡️ Support 11ty !!! npm init @vitejs/app ➜ eleventy

See original GitHub issue

Clear and concise description of the problem

Vite + 11ty

I want the benefits of using 11ty’s powerful yet simple static site generator that supports multiple templating engines alongside Vite’s powerful yet simple dev server/ build system. Together they will provide an amazing developer experience and workflow.

Suggested solution

This is what I want:

npm init @vitejs/app my-eleventy-app --template eleventy

image

Could this ever be a possibility @yyx990803 @zachleat ?

Alternative

Vite + 11ty Projects

There’s been a few projects created that attempts merging the two together

eleventy-with-vite

I’m currently using this one with success (by @fpapado) https://github.com/fpapado/eleventy-with-vite

vite-plugin-eleventy

The project is still in alpha stage but shows a lot of promise (by @Snugug) https://github.com/Snugug/vite-plugin-eleventy https://snugug.com/musings/eleventy-plus-vite/

Additional context

I originally started the discussion here https://github.com/vitejs/vite/issues/1861#issuecomment-877739777 but @Shinigami92 had suggested I make a feature request.

Validations

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:8
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

7reactions
oneezycommented, Jul 11, 2021

I just want to quickly point out that this is issue #4211

42 is the answer to the ultimate question of life, the universe, and everything 11 is Eleventy

It’s a sign guys… Lol

4reactions
patak-devcommented, Jul 12, 2021

Great spirit and marketing for the proposal 🙌🏼

I also think that we should keep this in awesome-vite. If we include 11ty, why not including VuePress, VitePress, and the list will just keep growing. The scope of create-vite is to quickly scaffold a simple Vite app with popular frameworks to test Vite (and maybe use it as a base for simple apps or prototypes). A general scaffold app is not in the scope of vite core, as it will be too much maintenance burden for this repo and the team. Each framework should have its own app scaffold scheme, like SvelteKit for svelte. It would be great too see a page about Vite in each framework with detailed instructions to how to get started, @oneezy maybe once the options for 11ty are mature enough you can send a PR to the 11ty docs or work with them to create scaffold options that play nicely with their own ecosystem. We need that each framework/lib takes this responsibility so we are able to scale these solutions and the maintenance of docs involved.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Getting Started — Eleventy
Installing Eleventy into our project requires a package.json file. Let's create it with npm init . The -y parameter tells npm to skip...
Read more >
@11ty/eleventy - npm
Transform a directory of templates into HTML.. Latest version: 1.0.2, last published: 4 months ago. Start using @11ty/eleventy in your ...
Read more >
@11ty/eleventy - npm
A simpler static site generator. An alternative to Jekyll. Written in JavaScript. Transforms a directory of templates (of varying types) into ...
Read more >
@11ty/eleventy - npm
The package file explorer is only available for Teams at the moment. We may support exploring this package in the future. Check back...
Read more >
@11ty/eleventy - npm
A simpler static site generator. An alternative to Jekyll. Written in JavaScript. Transforms a directory of templates (of varying types) into ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found