Tanner Smith

Tanner Smith

Frontend Architect / Technical Lead

Frontend web architect specializing in HTML/CSS/ES6/Node.js with expertise in static sites/Next.js/Gatsby, JAMstack, composable architectures, and responsive web sites

I have extensive experience developing composable websites with large, modular component libraries. I've functioned in roles ranging from individual contributor to tech lead and architecture roles, managing development teams of up to ten individuals across multiple countries and time zones. I have subject matter expertise in all aspects of the JAMstack and MACH architecture approaches to developing websites (from building React components/templates, to content modeling, and setting up deployment pipelines).

Experience

Valtech Logo

Tech Lead (composable projects), Valtech (Via Kin + Carta)

Tools & Languages

React
Storybook
Next
Gatsby
JavaScript
+29 more

I worked on a wide variety of projects during my time at Valtech (formerly Kin + Carta). Some sites of note that I worked on include:

Roles I filled during my time here included:

  • Senior front-end engineer (1 year):

    • Contributed to mobile-responsive, React-based component libraries (TypeScript, JSX, ES6, CSS, SCSS, Tailwind)

    • Documented components (Storybook)

    • Developed page templates and components, taking performance and accessibility into account (using Lighthouse and Google Page Speed Insights)

    • handled CMS content modeling for large, composable websites (Contentful, Contentstack)

  • Tech Lead (3+ years):

    • Participated in initial discovery and planning for a new project, as well as provided development insights to help in the drafting of various SOWs

    • Helped contribute to site architectures for projects using site generators (Next, Gatsby)

    • contributed to mobile-responsive, React-based component libraries. Including the same responsibilitiesI had as a senior developer around Storybook documentation, as well as a11y compliance and performance (TypeScript, JSX, ES6, CSS, SCSS, Tailwind)

    • CMS content modeling, as well as configuring instant preview and webhooks (Contentful, Contentstack)

    • Built out implementations for internationalized content across many sites and regions (40 sites and 60+ locales on one project)

    • Built out site search implementations (Using Algolia, as well as from scratch, hitting in-house APIs)

    • Implemented solutions for experimentation and personalization (Uniform, 9tailed)

    • Set up development workflows in code repositories (GitHub, Azure DevOps, Bitbucket)

    • Configuring project deployments using cloud services (Vercel, Netlify)

    • Wrote migration scripts for scraping old sites and transforming that data to be processed by a new CMS (Node.js)

    • Wrote automated unit tests for page templates and components (Jest)

    • Conducted interviews for new developers to help build out a development team

    • Managed mid-sized development teams (5 – 10 developers). This included documenting and assigning tasks, reviewing code, onboarding new developers, and regularly touching base with developers to ensure they are on the right track

    • Built out POCs and complex architectural features to demo to clients

    • Documented project features and architecture for future developers

    • Lead knowledge transfer sessions with client engineers post-go-live to ensure future success

    • Worked in an agile, remote environment with team members spanning across many different time zones and cultural backgrounds

Sunwing Logo

Solutions Architect (Consultant), Sunwing Travel Group

Tools & Languages

React
Gatsby
GraphQL
Contentful
Storybook
+14 more
  • Designedthe solution for rebuilding and rebranding the sunwing.ca website using Gatsby.js and Contentful.

  • Helped develop a reusable component library using the architecture I created for the sunwing.ca site.

  • Utilize Cloudinary to optimize images throughout the site and minimize page load times.

  • Help team members less familiar with JAMstack architecture to understand best practices when developing components and features for the new site with documentation, feature demos and walkthroughs of my solutions.

  • Create documentation for the component library using Storybook.

RJP Systems Logo

Developer (Consultant), RJP Systems

Tools & Languages

HTML
CSS
JavaScript
WordPress
Google Maps API
+2 more
  • Develop WordPress sites from scratch using a provided mockup. The bulk of my development on these sites was with standard front-end technologies like SCSS, HTML, and JavaScript.

  • Explore and create proof of concepts for future JAMstack site implementations using React.

The New Dynamic Logo

Developer (Consultant), The New Dynamic

Tools & Languages

Hugo
Gatsby
HTML
CSS
SCSS
+5 more
  • Help develop sites using the Hugo static site generator.

  • Test sites for both browser compatibility and mobile responsiveness using tools like Sizzy and BrowserStack.

  • Work with clients to implement new site features and ensure their users are receiving the best possible experience on all browsers and devices.

  • Develop open-source utilities to use internally as well as make available to the public.

Stackbit Logo

Software Engineer, Stackbit

Tools & Languages

Gatsby
Hugo
Jekyll
Nunjucks
HTML
+6 more
  • Developed many of the available themes in the app using Nunjucks for theme templating.

  • Gained experience creating schemas and abstracting data from a content management service like Forestry or Contentful and building pages from that data using static site generators.

  • Participated in the first effort to rebuild the marketing site so that it could be managed using the app. In this effort I gained hands on experience developing with the Gatsby static site generator.

  • Tested and maintained the available themes for the supported SSGs (Gatsby, Hugo, Jekyll). This included updating the existing themes when a new static site generator or content management service was supported.

  • Gained experience launching sites and managing site versions using Netlify.