/league-page

Create a custom league page for your Sleeper fantasy football league!

Primary LanguageSvelteMIT LicenseMIT

League Page logo

(Unofficial) Sleeper League Page Template

Generate a custom league page for your Sleeper fantasy football league in just a few steps
GitHub node GitHub top language Lines of code GitHub forks GitHub pull requests GitHub issues

League Page demo

Live demo


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



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

1. Setup your own League Page

  • Fork this repo
  • Replace your_league_name and your_league_id with your Sleeper league name and ID in /src/lib/utils/helperFunctions/leagueData.js: league ID instructions
  • Fill out and uncomment (delete the // at the beginning of each line) the information in /src/routes/managers/managers.js, there should be one for each manager manager object manager rendering
  • Add corresponding images for managers to the /static/managers/ directory and make the sure the name matches with what was provided above
  • Fill out the manager to roster ID mapping object in /src/lib/utils/rosterManagers.js (fill out the appropriate managers array number for each roster ID)
  • Customize your league constitution /src/routes/constitution/index.svelte (remember to adjust the table of contents accordingly)
  • Write your homepage text (league intro/bio) /src/routes/index.svelte (remember to adjust the table of contents accordingly) homepage text

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: