DEV Community: Fajar Siddiq

Making Chefluencer Website

Fajar Siddiq — Mon, 07 Nov 2022 16:28:02 +0000

Just in time to make this landing page for Chefluencer.
Still trying to figure out what platform for sharing food recipe. End up using whatsapp and manual order process.

You can download here to try: https://github.com/fajarsiddiqfs/Chefpapajoh

Making Jamstack & Figma Templates for Landing Pages

Fajar Siddiq — Fri, 21 Jan 2022 08:12:45 +0000

I spent time building designs in 2021 on Figma & also Jamstack templates for landing pages, button toggle & resume design and now is available in year 2022. I hope this will help others like finding a job with the resume & landing pages to create a productized services.

Products to help you:
✅ Productized Yours
✅ Create a Modern Resume
✅ Create a Landing Page
🔥 Available now for download

🔥 Available now for download

Landing Page to collect stripe no-code payment links

Fajar Siddiq — Sat, 30 Oct 2021 09:29:11 +0000

I've created a simple landing page to collect payment using https://stripe.com/docs/payments/no-code no-code payment links. Also this is a simple website with big title, description, button to click to the payment & footer information about the website. Currently is mobile responsive.

I also custom the landing page with confetti when refresh. I put this because i love little tiny celebration when i get paid.

Why i use this is because is easy to make payments + collect emails. I can export in .csv. You'll need a stripe account and create a product and create payment links.

Light & Dark  Mode Icons

Fajar Siddiq — Wed, 24 Mar 2021 14:21:37 +0000

🕵️‍♂️ I can’t find light or dark mode icons on Figma or a collection of it, so I started searching found some online and decided to create on my own. I use it for landing pages mainly.

I want to solve a problem and I manage to put this together. I hope it helps those who looking for light & dark mode icons. As a designer, I struggle with design assets at times and I also want to do a quick mock-up on Figma to develop the site.

🎁 So I've put these together.

• 30+ vector-based icons .fig file
• Black, White, Green, Blue & Gradient
• Simple and Modern Design
• Neatly Organized and Layered

👉 Download here: https://flurly.com/p/lightdarkmodeicons?coupon=fajarsiddiq

Gatsby + Figma + Netlify = Free Landing Page

Fajar Siddiq — Sat, 12 Sep 2020 07:48:38 +0000

So i've been using figma.com for 2 years and i enjoy designing it. I learn how to make a simple landing page design. One of my maker friend @mddanishyusuf (founder of nocodeapi.com) help me out in the coding for gatsbyjs.com and open source the code.

A year ago i made a no-code game called "supermakers" and got #4 product of the day on producthunt.com I enjoy making the no-code game and share it with the community. I use withkoji.com to make the game. Bought a domain on namecheap.com and also deploy the website on netlify.com and upload my repo on github.com

You can download this landing page template for free.
What's included? - Gatsby Source code & Figma Design File

✅ Official Website: www.supermakers.xyz

🎮 Source Code: https://www.buymeacoffee.com/fajarsiddiq/e/51330

🏝️ Figma File Design: https://www.figma.com/community/file/796832352118720161/Supermakers-2.0-Gatsby-Landing-Page

💯 Fajar Siddiq Community: https://fajarsiddiq.substack.com/p/gatsby-figma-netlify-free-landing

Turn your URL into Short Link using Netlify Redirects

Fajar Siddiq — Tue, 28 Jan 2020 01:41:42 +0000

I don't like those short links URL, why?
Bitly, Tinycc, Cutly URL Shortner

Because i want to have my own domain name with it.
You should buy a short domain name or 2 words domain name.
Mine is fajarsiddiq.com and so i start using netlify redirects.
Is very useful, i use this to share like a short links with my domain.
I use this to put on my youtube description links of my playlist videos.
So to learn how to make this, you follow this simple steps below.

✅1. Create a plain text file on your github
✅2. Create the syntax "/coffee" "https://buymeacoffee.com/fajarsiddiq"
✅3. Deploy on netlify, done!
👉 For reference, read this doc for full guideline:
https://docs.netlify.com/routing/redirects/#syntax-for-the-redirects-file
👉 Share this Redirects Tutorial Video:
https://fajarsiddiq.com/redirects
👉Why i don't use short link websites
https://twitter.com/fajarsiddiqFS/status/1222455656822652928