• edited

Newsletter Section with StoryBook and Nextjs

Challenge brief

Newsletter SectionBuild a responsive newsletter subscription section with both client-side and server-side validation

Back to all submissions

• edited

Newsletter Section with StoryBook and Nextjs

Challenge brief

Newsletter SectionBuild a responsive newsletter subscription section with both client-side and server-side validation

Karabo Seipelo@karaboseipelo

Technical Lead @ Betika

18 YOE

16.3k Reputation

Preview solution

View code

React TypeScript component for a newsletter section with form handling, Axios for HTTP requests, Tailwind CSS for styling, and Next.js for server-side rendering

Submission vs Design

https://designsystem.karaboseipelo.com/iframe.html?args=&globals=&id=marketing-section-newsletter--default

Implementation details

Tech stack

HTML

Basics

Semantics

Images

Forms

CSS

Basics

Positioning

Layout

Responsive Design

Transforms and Transitions

JavaScript

DOM Events

Fetch

React

Basics

Components

List Rendering

Event Handling

Form Handling

Package Managers

Basics

Build Tools

Typechecking

Linting & Formatting

Next.js

Headless UI (React)

Axios

Code

Discussions