This is a full-stack e-commerce app for a client of mine powered by
@nextjs
and
@shadcn
.
I don't think I've ever built something of this size so quickly.
📸 Screenshots & explanation below
@TheAnkurTyagi
They are not making fun of you. They're just depicting something that both countries are well known for to tell a story
For China: their vast network of high speed trains
For India: their overcrowded, older trains
If anything it's mocking China
I've only shared generic screenshots as I don't want to show anything identifiable of the client.
Here's a rundown of what I've built so far:
Consumer-facing frontend
- Customers must have an account to access the website
- Email confirmation & email domain whitelisting as the
@iamfra5er
Honestly I wish I did this more. It means I only actually pay for the stuff I want to keep using. Think of all the money people have lost from forgetting to cancel their subscriptions
@resend
Props to you for dealing with a bad situation as best you can.
Many other, much larger, companies would hide this or not tell customers until months later.
There's so much more I could talk about like sending emails, caching and my efforts to get auth right but I'll be here forever. I'm sure there will be problems, there will be bugs but I'm not going to let that get me down. I'm super proud of what I've built in the time I've had
API
Obviously most of the things above only work because of the API.
Some notable things which I spent a lot of time:
- Stripe integration ensuring everything was validated and the flow worked well for the customer
- Image uploading and displaying files for the content library
Admin dashboard frontend
- List and take actions on orders including refunding which integrates with Stripe and our credit system
- Create products with as many images as you like
- Product variants with support for images, SKUs and pricing (this was hard)
- Product accordions to
@pranjalsoni_
@vercel
Vercel is super generous with how they handled billing, at least for me. There's times where my $20 plan is overdue and I get an email every time they try to bill my card and it fails. My websites have never went down and I've had it since Jan 2021
@TheAnkurTyagi
@Rishav93010
I think their point is that India is still far less developed than China yet India has overtaken them in the population race.
That’s not me saying India will always be like that. I think India’s growth will continue to accelerate and eventually surpass China’s.
Today is Day 1 of my new SaaS website. I'm building a car listing website for Northern Ireland.
I haven't spent too long on this yet so I've only got the basic homepage and filters sorted out.
I'll be posting my progress on this project everyday : )
@_adamwright
@nextjs
@shadcn
Using MongoDB at the moment. I’ve been trying to switch to Postgres but I’ve not had much luck with
@prisma
or
@DrizzleORM
Unfortunately I learned NoSQL before SQL so I’m reluctant to build my client projects in a DB I’m not experienced with
Going to give myself a deadline of 2 weeks to get an MVP out for my car listing website "cars nai".
I've got a medical procedure next week and I'll need to recover but hopefully I can function enough to code from my bed : )
@fredkisss
@_adamwright
@nextjs
@shadcn
@prisma
@DrizzleORM
Absolutely. On my next project, which I’ll post about tomorrow, I’m using Next’s App Router and I’ve avoided it for basically a year now. So you’ll get to see my struggles and pains with that before I make the switch to a SQL db
@_adamwright
NextJS App Router (first time) and the API will be NodeJS
I’m going to go all in on Postgres with
@DrizzleORM
with all my previous apps having used MongoDB
@levelsio
Generally, Shorts has been reasonably intellectual content for me. I’ve noticed a drop in quality the past couple weeks
My TikTok is just full of trash, ads and stealth ads
Reels is my most used and I know the content sucks but it’ll give me at least 1 laugh within 5m
@parkeresmay
@erolkabadayi
@nextjs
@shadcn
I'll be implementing discount codes or variable pricing shortly. It will probably be one of the harder things to get right but I've figured out a lot of the principles from creating product variants that have different prices
Didn't expect that tweet to do so well 😂
This is just the start. I've just started building my next SaaS app and hopefully I'll be able to share something tonight or tomorrow : )
@t3dotgg
Are you concerned about being too reliant on Vercel if you adopt all the new products they’ve announced this week?
That would be my only concern
@sshmaxime
@nextjs
@shadcn
The short answer is I haven't. Some people just let the table be horizontally scrollable.
Tbh I haven't made any of the admin dashboard mobile responsive because it will only be used by people sitting at desks on PCs. Obviously different story for the consumer-facing site
Basic customisable table with
@shadcn
as part of my e-commerce project
It's cool how this table is just an array of string arrays
I'll eventually add more customisation like adding links and styling options (bold, italic, underline)
Overall I’m about $43k in debt. Car finance, credit cards, a loan and borrowing from friends
What’s the point of me sharing this?
My financial situation is pretty bad but I’m extremely fortunate to work in software so I can turn my situation around - it’s all on me.
In X
This week's plan for the e-commerce app:
1. Adding nested product categories
2. Adding "Brands" which act as categories
3. Changing products so they can only belong to 1 category because of 4.
4. Implementing price discounts based on category (more on this below)
@ynnoj
It was honestly pretty easy. The hardest part for me was triggering the stripe confirmPayment function because my checkout submit button was outside of the payment component. Eventually figured it out
always find writing comments of what im trying to do before diving straight in helps me understand the problem better
also means copilot might jump in and suggest a simplified way of doing it
@AbdulIsBomb
@trashh_dev
I completely bombed a live coding challenge because I wrote the function name and Copilot gave me the answer instantly. I kept trying to hide the answer / disable copilot etc. but it left me flustered so I cut the interview short 😂
I defended
@resend
when they had that security breach ~1 month ago but I don’t think I can defend this
I feel horrible for all the developers who now have customers screaming at them because they can’t login etc.
@elonmusk
@billmaher
I'm having to watch this on YT because the quality on Twitter is like 720p maybe even 480p.
Could be an easy win if this was fixed
Our first phase of discounts is going to be category-based. We have way too many products to add discounts to each one and so it makes sense to do it by category. Especially when we want to have the flexibility to make discounts unique to different customers
I'm only working on
Our latest production is live! 🐋
Join us on another immersive underwater journey and learn about how carbon is captured by our ocean.
⤷
This experience introduces the Convex Seascape Survey, an ambitious 4 year research programme, conducted by
@vvoyer
@algolia
2 years ago when I got my first job at a startup, we were stripping out Algolia because it got too expensive as we scaled.
Looking at their pricing now it actually seems really reasonable. Looks like I'll be adding it to my projects soon : )