Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sethburtonhall/newsletter-signup
ConvertKit Newsletter Signup Form with error handling, focus management, screenreader accessibility and css animation
https://github.com/sethburtonhall/newsletter-signup
convertkit-api netlify remix shortstack tailwind
Last synced: 11 days ago
JSON representation
ConvertKit Newsletter Signup Form with error handling, focus management, screenreader accessibility and css animation
- Host: GitHub
- URL: https://github.com/sethburtonhall/newsletter-signup
- Owner: sethburtonhall
- Created: 2022-01-29T15:10:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-01-30T02:41:07.000Z (about 3 years ago)
- Last Synced: 2025-01-14T18:05:02.512Z (16 days ago)
- Topics: convertkit-api, netlify, remix, shortstack, tailwind
- Language: CSS
- Homepage: https://remix-newsletter-signup-form.netlify.app/
- Size: 120 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Remix Practice
ConvertKit Newsletter Signup Form with error handling, focus management, screenreader accessibility and css animation.
- Remix 💻
- ConvertKit 📮
- Tailwind 🎨
- Netlify 🚀
# Welcome to Remix!
- [Remix Docs](https://remix.run/docs)
## Netlify Setup
1. Install the [Netlify CLI](https://www.netlify.com/products/dev/):
```sh
npm i -g netlify-cli
```
If you have previously installed the Netlify CLI, you should update it to the latest version:
```sh
npm i -g netlify-cli@latest
```
2. Sign up and log in to Netlify:
```sh
netlify login
```
3. Create a new site:
```sh
netlify init
```
## Development
The Netlify CLI starts your app in development mode, rebuilding assets on file changes.
```sh
npm run dev
```
Open up [http://localhost:3000](http://localhost:3000), and you should be ready to go!
## Deployment
There are two ways to deploy your app to Netlify, you can either link your app to your git repo and have it auto deploy changes to Netlify, or you can deploy your app manually. If you've followed the setup instructions already, all you need to do is run this:
```sh
$ npm run build
# preview deployment
$ netlify deploy
# production deployment
$ netlify deploy --prod
```