An experimental Web app project for making social cards with JAMstack + serverless architecture. Built with Vue 3 and Tailwind CSS.
Read about why and how on my blog.
- Fork this project
- Tweak your fonts, Tailwind config and meta data according to your needs.
- Copy
.env.example
as.env
and get yourself an API key for Unsplash API to be able to use the Unsplash search. You also need to add this as a secret to Vercel to be able to use it as an environment variable in production. - Deploy on Vercel
Note: if you use some other hosting than Vercel, implement X-Content-Type-Options
, X-Frame-Options
, X-XSS-Protection
headers yourself (see examples in now.json
).
- Separate text position and styling (add better position controls)
- Add ability to save and distribute (allow linking to) designs
- Implement image rendering with Puppeteer or similar proper backend tool
- Add an UI for adding layers
- Add possibility of using Markdown instead of HTML
Add ability to use plain color backgrounds instead of images(done in 0.2.0)
- But Why? I explain it in the blog post.
- Isn't there (better) alternatives out there? Yes. I explain it in the blog post.
- Is this based on some other project? Nope. I explain it in the blog post.
- Where is the demo hosted? On ZEIT Now. I explain it in the blog post.
First Big Thank You to Gridsome, Vue and Tailwind CSS teams for making these awesome open source tools. Thank You also to ZEIT Now for giving us a great service for developing and hosting our projects -- for free. Find a list of contributors in the AUTHORS-file.
All contributions to this project are welcome as long as you follow our code of conduct.
Follow @uninen on Twitter!
If you want to support my open source on GitHub and GitLab, you can buy me a ๐บ or โ๏ธ :)