Code Academy Alfred
My weekYearStudioToolsProgress
0%
fren
Sign up

Pro tools & resources

The ecosystem to design, integrate, deploy and maintain web / mobile-web products.

AI & Cursor

Cursor

AI editor to code faster and learn in context.

ChatGPT

Brainstorm, explain code, generate content ideas.

Design, logos & UI

Lucide

Clean SVG icons, perfect for React/Next.

Simple Icons

Brand logos as SVG (check brand guidelines).

SVG Repo

Bank of vector icons and logos.

unDraw

Free customizable SVG illustrations.

Unsplash

High-quality photos for your mockups.

Google Fonts

Web fonts, easy to wire in Next.js.

WebAIM Contrast Checker

Check text/background contrast (WCAG).

Figma

UI mockups before coding.

Coolors

Color palettes — always test contrast.

Deploy & quality

Netlify

Deploy Next.js with a git push, previews included.

GitHub

Host your code and connect it to Netlify.

Sentry

Production error monitoring.

Lighthouse

Perf, SEO and accessibility audits.

Playwright

End-to-end tests for web / mobile-web sites.

Product integrations

Resend

Transactional email for contact forms.

Clerk

User auth (login, signup) in a few lines.

Supabase

Postgres + auth + storage for your apps.

Stripe

Online payments and subscriptions.

Sanity

Headless CMS to edit content without touching code.

Cloudinary

Optimized images/video for the mobile web.

Zod

TypeScript-first data validation.

References

Next.js Docs

The official Next.js reference.

MDN Web Docs

The HTML / CSS / JS bible of the web.

web.dev

Perf, PWA, Core Web Vitals by Google.

The A11Y Project

Accessibility checklists and guides.

Code Academy Alfred

Year-long academy — web & mobile-web design from A to Z.

By Alfred Ahoussinou

HomeMy weekYearStudioProgress