(Unofficial) Sleeper League Page Template

Generate a custom league page for your Sleeper fantasy football league in just a few steps

Live demo

---

If you and your league like League Page, please consider donating (and encouraging your league-mates to too!)

---

Features

• Up-to-date league information
• Easy to navigate trade and waiver history
• Awards and accolades
• Records and rankings for every season
• Current season power rankings
• Previous drafts and upcoming draft preview
• Season matchups
• Manager bio pages
• League constitution
• Helpful fantasy football resources and news
  
  
• Built using Svelte and SvelteKit
• Desktop, Mobile and PWA compatible
• League information generated from Sleeper API

Roadmap

• Add integration tests
• Cleanup repo
• Test redraft leagues
• Playoff matchups and current bracket
• Dynasty power rankings
• Hyperlink all manager references
• Fix all css issues when actively resizing the window

Some real-life League Pages

• Legends League

Setup your own League Page

If you've never touched a line of code, use the Training Wheels Guide instead

• Fork this repo
• Go to /src/lib/utils/leagueInfo.js and replace your_league_id (line 2) and your_league_name (line 3) with your Sleeper league ID and league name. (Optionally, also fill out the dues, and dynasty fields):
• Write your homepage text (league intro/bio) /src/lib/utils/leagueInfo.js (lines 9-14)
• Next, fill out and uncomment (delete the // at the beginning of each line) the managers' object (lines 27 - 92), also located in /src/lib/utils/leagueInfo.js, there should be one object for each manager (for assistance, consult the Training Wheels guide)
• Add corresponding images for managers to the /static/managers/ directory and make the sure the name matches with what was provided above
• If you run into trouble adding managers, reference the Training Wheels' Manager section
• Customize your league constitution /src/routes/constitution/index.svelte (remember to adjust the table of contents accordingly)

---

For local developing npm:

npm install
npm run dev --
npm run dev -- --host (to test on other devices locally)

To deploy on Vercel for free:

• Push up your changes
• Link your github repo to Vercel
• That's it!