Password-Protected Corporate Site (Next.js + TypeScript)
A media / technology company
Overview
A corporate marketing website built with Next.js and TypeScript, featuring password-protected access so the site can be shared privately during pre-launch or stakeholder review. Styling is a customized Bootstrap SCSS theme with scroll animations.
The Challenge
The client needed a polished marketing site that could be reviewed and previewed behind a gate before public launch, without standing up full user accounts, while keeping the published bundle deployable as a standard Next.js app.
What We Built
A Next.js app (src/pages, src/components, src/hooks, src/styles) using @storyofams/next-password-protect together with iron-session and bcrypt for password-gated access backed by encrypted session cookies. The UI is built on a fully customized Bootstrap SCSS layer (an extensive src/styles partial set compiled via @zeit/next-sass) with AOS for scroll-reveal animations. Build scripts include export for static output.
Technologies & Approach
Next.js + TypeScript for the app, a hand-tailored Bootstrap SCSS design system for styling, AOS for animation, and a password-protect layer (iron-session + bcrypt) for gated preview access. SASS compilation is wired through @zeit/next-sass.
Outcome / Impact
Delivered a refined, animated corporate site with private pre-launch access controls, letting the client gather stakeholder feedback before going public while keeping a clean path to static deployment.
Capabilities Demonstrated
- Next.js + TypeScript marketing/corporate sites
- Gated preview access with session-based auth (iron-session + bcrypt)
- Customized Bootstrap SCSS design systems
- Scroll-animation and polished frontend delivery