The 11ty Membership Site is an Eleventy theme designed for offering premium content to members. It requires Supabase and Netlify accounts to function properly. This theme allows users to authenticate with Supabase Magic Links and provides members-only content. It also offers partial content previews to unauthenticated users. The theme is built using 11ty, Netlify Edge, and Supabase. It utilizes vanilla JS, Deno on the Edge, Nunjucks, Markdown, and Sass. Additionally, it includes dark and light modes for design customization.
To install the theme, follow these steps:
src/_data/meta.js file with your site details.
--primary-hue value in
src/posts/post-preview.md with your own content.
SUPABASE_URL environment variables to hold the Supabase URL and public key respectively
The 11ty Membership Site is an Eleventy theme that allows website owners to offer premium content to members. It utilizes Supabase and Netlify for authentication and content access. The theme is built with 11ty, Netlify Edge, and Supabase, and uses a combination of vanilla JS, Nunjucks, Markdown, and Sass. It provides features such as authentication with Supabase Magic Links, members-only content, and partial content previews for unauthenticated users. The theme also includes options for customizing the design with dark and light modes.
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.