Colophon
GuruSetu brings its resource directory, lesson pages, search, account features, and study tools together in one focused teacher-learning platform. This colophon explains the choices behind the current site.
The stack
Astro 7 renders the page structure and server routes. Tailwind CSS 4 and a small set of shared design tokens handle layout, colour, typography, and responsive behaviour. Most interactions use focused browser JavaScript and native controls.
Email sign-in codes are sent through Resend. Sessions, profiles, notes, review cards, video progress, reactions, comments, and activity records live in SQLite through better-sqlite3. The app runs as a standalone Node server.
YouTube videos use privacy-enhanced embeds. Each prepared lesson can include a checked summary, key points, a collapsible SVG mindmap, spaced-review cards, Markdown notes, reactions, discussion, and further reading.
Lesson records and research notes are kept in versioned data files. The build merges research, validates lesson content, checks flashcards and curated-video metadata, and confirms that the downloadable study files exist before Astro produces the site.
A page request
01
Astro receives the page request and reads the secure session cookie when one is present.
02
The server returns complete HTML with the member state and lesson data needed for that page.
03
The browser attaches only the controls used on the page, such as search, tabs, notes, review cards, or the mindmap.
04
Member actions use same-origin JSON endpoints. The server validates the request and writes the change to SQLite.
Portable work
Study material uses common file formats. The site does not require a proprietary reader for downloads.
Lesson summaries, highlights, and private notes remain readable in any plain-text editor.
Branded A4 study sheets are generated with ReportLab, the GuruSetu mark, and the site type and colour system.
Interactive mindmaps can be collapsed, fitted, and exported as an image in the browser.
A member can export all private notes as one archive, organised into folders by vertical and lesson.
Credits
The original interface foundation is the Scalar Astro theme by Shadcnblocks. Astro, Tailwind CSS, better-sqlite3, Resend, marked, DOMPurify, fflate, and ReportLab provide the main runtime and authoring tools.
Playfair Display is the headline face and Open Sans is the text face. Astro loads both through its font pipeline.
GuruSetu original videos belong to GuruSetu. Curated videos stay with their publishers on YouTube; each lesson identifies its source and links back to the published video.