Introduction

Project Setup

Link and Router

App and Document

TailwindCSS Introduction

Layout and Hero Components

Customising Colors in TailwindCSS

Subscribe Form Component

Client Side Form Validation

ConvertKit API details

Subscribe API endpoint

Subscribe API - Part 2

React Query - Mutation

Deploy Next.js App to Vercel

Final Words

<h2 id="feedback"><a href="#feedback" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Feedback</h2>
<p>Have you enjoyed this mini courses? Let me know on twitter or through my other links below.</p>
<p>And if you enjoyed it, please help to spread the word.</p>
<p>Thank you, you are awesome!</p>
<h2 id="lets-connect"><a href="#lets-connect" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Let's connect</h2>
<ul>
<li>Follow me on Twitter - <a href="https://twitter.com/ihatetomatoes">@Ihatetomatoes</a></li>
<li>Subscribe to my <a href="https://www.youtube.com/channel/UC7O6CntQoAI-wYyJxYiqNUg">YouTube channel</a></li>
<li>Visit my site <a href="https://ihatetomatoes.net/">ihatetomatoes.net</a></li>
<li>Check out some of <a href="https://ihatetomatoes.net/store/">my other courses</a></li>
</ul>
<h2 id="other-nextjs-learning-resources"><a href="#other-nextjs-learning-resources" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Other Next.js learning resources</h2>
<ul>
<li><a href="https://www.youtube.com/channel/UCOe-8z68tgw9ioqVvYM4ddQ">Tailwind Labs</a> on YouTube</li>
<li><a href="https://www.youtube.com/user/MaStaleee/videos">Lee Robinson</a> on YouTube</li>
<li><a href="https://www.youtube.com/c/JamesQQuick">James Q Quick</a> on YouTube</li>
<li><a href="https://www.youtube.com/c/leighhalliday/">Leigh Halliday</a> on YouTube</li>
</ul>
<p>Feel free to <a href="https://github.com/Ihatetomatoes/nextjs-101">submit PR</a> with other useful learning resources.</p>
<h2 id="for-content-creators"><a href="#for-content-creators" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>For content creators</h2>
<p>If you are a content creator, feel free to <a href="https://github.com/Ihatetomatoes/nextjs-101">use this app</a> to create courses for your audience.</p>
<p>If you have any questions how to use it, get in touch.</p>


Next.js 101 - Free Online Course

Final Words

Feedback

Let's connect

Other Next.js learning resources

For content creators

Petr Tichy
Front-end Developer

Next.js 101 - Free Online Course

Final Words

Feedback

Let's connect

Other Next.js learning resources

For content creators

Petr TichyFront-end Developer

Petr Tichy
Front-end Developer