Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Juan Fernandes
Juan Fernandes

Posted on • Originally published atjuanfernandes.uk on

     

Add your site to the Eleventy Leaderboards

Screenshot of the Eleventy Leaderboards top 5

The Eleventy (11ty) leaderboard benchmarks websites built with Eleventy over time.

TL;DR - You need to add your site to the via GitHub to the eleventy site repository and create a pull request for it to be included in the leaderboards.


Let's get started

  1. Go to the eleventy GitHub repository -https://github.com/11ty/11ty-website

  2. Navigate to/_data/sites - here you will findJSON files - each one represents a website built with Eleventy and ones shown on the leaderboard

  3. Now you need to create your ownJSON file for your website, so click on theAdd file button and then on the dropdown click onCreate new file
    Shows user selecting create new file menu item in GitHub

  4. Enter your a file name in theName your file... input. This is a filename, so don't use spaces or punctuation marks, but you can use hyphens (-) or underscores (_) to separate words

  5. Use the template below with your website's details as the content of your new file:

{    "url": " ",    "name": " ",    "description": "",    "twitter": "",    "authoredBy": [""],    "source_url": ""}
Enter fullscreen modeExit fullscreen mode
  • url : The site’s live URL
  • name : Name of the site
  • description : A short text description of the site
  • twitter : Twitter username for the site or the site’s author.
  • authoredBy : An array of Twitter usernames of the site’s authors. Supplements the twitter entry. (Optional)
  • source_url : URL to the source code (Optional)

Shows new JSON file being created in GitHub

Now that you're done creating the new file, you need to save it and also create a pull request - this will ask for your file to be added to the eleventy repository.

  1. You don't need to add anything to the optional description field

  2. Click on thePropose new file button

  3. On the next screen, you can check your changes and then click on theCreate pull request button to proceed.

  4. You don't need to add a comment, but you can thankZach for creating Eleventy. Then click on theCreate pull request button again

  5. Next, GitHub will do a bunch of checks on your changes and it will tell you if there are any conflicts. Hopefully, there aren't, but you followed this exactly you shouldn't have any conflicts.

Shows a sucessfull pull request screen in GitHub
This is the result of me submitting an actual change, so I'd have a screenshot of what the final stage looks like.

That's it - you can now close the page and wait. Once your pull request gets merged, your website will be included in the next round of leaderboard checks and added to the leaderboard.

Keep an eye out on theEleventy Leaderboards to see how your website scores.

Once your website has been added to the Eleventy GitHub repository, you will also get your author page on the Eleventy website.

Check out myauthor page.

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Freelance Web Designer based in Suffolk, UK.
  • Location
    Suffolk, UK
  • Education
    Bachelor's degree in Multimedia
  • Joined

More fromJuan Fernandes

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp