Form server can be launched by:
Development mode:
npm run dev
Production mode:
npm run build
npm run start
We need to create simple, but custom form for newsletter subscription. If you can google - "graphql email form" and find what we can use - do it, might save us some time. I wanna use GraphQL, because it's cool and might help us. Below check some tutorials. We'll have form with 5-6 fields in it. Better to separate fields as subcomponents.
I wanna to be able to deploy it, maybe to Zeit NOW will be fine, so we can show/test it online.
https://github.com/atherdon/subscription-server
-
https://itnext.io/building-a-graphql-api-using-graphql-yoga-lambda-and-mongodb-c0c195621f47
-
https://amedpal.com/blog/contact-form-with-api-gateway-and-lambda.html
- advanced "serverless" email subscription form
- react
- react ant design
- formik for validation
- graphql as backend.
Current version http://eepurl.com/dLI7so
Plus, responsive layout
- repository setup
- CRA simple form (email field + submit button + validation) - https://ant.design/components/form/
- graphql init
- after successful submit, emails goes into graphql db, then redirect to thank you page(h1 only)
- we can also
Estimate:
Estimate:
Estimate:
Let's make unsubscribes cleaner (accidently posted in archived channel previously)
unsubscribes should be one click with url opened as confirmation. its ok if more ppl do it, dont want to send to ppl who dont appreciate us
Simple flow: https://www.lennyrachitsky.com/
Previous issues: https://www.getrevue.co/profile/platformstream
Newsletters collection: https://www.kickstarter.com/newsletters
.png){kind=link}
.png){kind=link}
.png){kind=link}
https://marketingexamples.com/conversion/newsletter-signup-flow
https://medium.com/@abhinavchhikara/nir-eyal-s-killer-email-signup-flow-64009b16bc9b
https://www.precisionmarketinggroup.com/blog/how-to-get-people-to-subscribe
https://medium.com/stack-overflow-design/designing-a-better-email-preference-center-4fddd44b91b5
https://medium.com/@donnachoi/stack-overflow-email-management-a-ux-case-study-964784da541b
https://restdb.io/blog/how-we-created-developer-friendly-email-campaign-tool-using-serverless
https://stackoverflow.com/questions/28876040/most-efficient-way-to-send-newsletters
Spam prevention
https://dev.to/felipperegazio/how-to-create-a-simple-honeypot-to-protect-your-web-forms-from-spammers--25n8 https://stackoverflow.com/questions/36227376/better-honeypot-implementation-form-anti-spam https://elasticemail.com/blog/marketing_tips/how-to-prevent-bots-from-spamming-your-sign-up-forms
GDPR
https://www.npmjs.com/package/react-gdpr-consent https://github.com/erichard/awesome-gdpr https://www.mindk.com/blog/how-to-make-your-software-gdpr-compliant/
https://forms.technologyreview.com/newsletters/
https://forms.technologyreview.com/the-algorithm/
- https://hackernoon.com/5-reasons-why-newsletters-should-be-part-of-your-business-strategy
- https://hackernoon.com/organizing-an-advanced-structure-for-html-email-template
- https://hackernoon.com/how-i-started-to-build-react-components-for-email-templates
- https://hackernoon.com/introducing-a-simple-npm-module-with-email-templates
- https://hackernoon.com/glossary-for-non-technies
- https://hackernoon.com/email-marketing-and-how-to-curate-an-effective-business-newsletter
- https://hackernoon.com/exploring-substack-for-building-your-newsletter
- https://hackernoon.com/building-a-design-system-for-email-templates-react
- https://hackernoon.com/together4victory-list-of-email-marketing-tools
- https://hackernoon.com/cool-newsletters-for-developers-part-1
- https://hackernoon.com/cool-resources-for-sending-emails
google rss feed microservice or rss feed service https://www.google.com/search?q=rss+feed+email+service&rlz=1C1GCEA_enUA850UA850&oq=rss+feed+email+service&aqs=chrome..69i57j33l3.10640j0j1&sourceid=chrome&ie=UTF-8
https://ifttt.com/applets/147561p-rss-feed-to-email
https://www.sendinblue.com/plugins/
https://www.mailerlite.com/features/rss-to-email
https://mayecreate.com/blog/rss-to-email-newsletter-integration/
https://blog.mailup.com/2012/11/newsletter-from-blog-rss/
https://blog.dlvrit.com/rss-to-email/
https://goodbits.io/rss-to-email-newsletters
https://www.getresponse.com/features#FeatureBox
https://www.getresponse.com/integrations
https://www.wpbeginner.com/showcase/best-mailchimp-alternatives/
https://www.sendinblue.com/features/email-marketing/ https://mailgaze.com/pricing/
https://convertkit.com/features
https://www.mailerlite.com/features
https://www.getresponse.com/features#FeatureBox
https://www.sendinblue.com/features/
https://docs.bitnami.com/aws/how-to/use-ses/
https://docs.aws.amazon.com/ses/latest/DeveloperGuide/send-email-getting-started-prerequisites.html
https://aws.amazon.com/ru/premiumsupport/knowledge-center/ses-migrate-email-solution/
FORM PREFERENCES: https://www.technologyreview.com/newsletter-preferences
| Date | Task | Time spent (HH:mm) | Description |
|---|---|---|---|
| Sat, 22nd Feb | front-react-markup | 4:00 | Markup in react-create-app of the form, ant-design used, primitive validation used. Usage of formik was droped |
| Sat, 29th Feb | mongo-driver | 8:00 | Database creation, was used Mongo DB. Created pure GraphQL server with driver with simple endpoints to save/remove subscribers from DB collections. |
| Mon, 9th Mar | api connection | 6:34 | Unsucsessfull try to connect frontend and backend API's. Research for frontend GraphQL libraries or realisation examples. |
| Sun, 15th Mar | relay introduction | 5:31 | Choosed Relay project, inctroduction to relay, relay architecture observation |
| Sun, 29th Mar | meeting, pages mockups, mutations for front | 4:32 | Creation of pages wireframes, research of mutations on front side of project. Discussion of proejct architecture (not done, still unclear) |
| Mon, 20th Apr | Time report | 1:00 | Data gathering for time report |
| Total 28:36 |