10X boost with Cursor – moreover, you learn

date

Nov 26, 2024

URL

slug

10x-boost-with-cursor-moreover-you-learn

status

Published

tags

Website

Design

summary

I have experimented to develop a landing page from 0 to production, deployed it and had first user sign up

type

Post

I have never done something like this before. Couple of weeks ago, I came across a term ‘Cursor’ and decided to dig deeper what this new tech is all about.

A few days later, here I am, using it to its maximum potential.

I have developed a minimal (but functional) landing webpage with NextJS, TailwindCSS and Shadcn components – all using Cursor’s AI capabilities.

It took me under 2 hours in pure development time to construct this production ready site with minimal input from me.

When I say minimal, I mean, I have interacted with every single line of code and proof-read what the Cursor is giving out as a solution to a particular problem, because it’s not always the case that it comes up with a great example.

However, it has easily done the following:

Generated Hero, About Us, Contact Us, Tours, Header and Footer sections

Implemented i18n under my commands

Developed form submission

Added animations

Automatically setup image carousel for hero section

Smoothly integrated form data submission to Google Sheets via API

The reason why the last box is not checked is because of GCP’s interesting method of iam.disableServiceAccountKeyCreation , which basically does not allow you to create keys for your Service Account you might have just created. If you’re newbie, you’ll at least spend an hour understanding the structure of GCP and eventually learning the whole infrastructure just to obtain a Private Key for your project.

As per this guy, the docs really did not tell enough of where about to navigate – it’s been a while since I haven’t visited my GCP dashboard, so forgot most of the stuff there!

Thanks to this StackOverflow thread, I was able to add a role for the user and eventually alter the disable enforcement to ‘off’.

This, in turn, has triggered all my AI written, detail configured, productive code to work with the Google Sheets API finally, and submit user form data to the sheets.

Caveat – you’ll need to add Google Service Email as Editor from the Google Sheets page for the app to be able to access and edit rows in your sheets, otherwise API is gonna throw an error of kinda ‘Not enough permissions’.

There are 200 confetti’s fired on the screen. You don’t have to code CSS for that nowadays.

Takeaway:

I come from a more in-depth technical background and in the past I have mostly developed algorithmic systems instead of creating animated UIs. All I wanna say, you don’t have to know the template technology that’s been advertised out there online – the chances of that same tech being either replaced by more sophisticated superior technology that can generate, manipulate and host code all on its own OR its versions and structure changing to new modern for that time styles, which in turn is gonna make you foolish remembering all that legacy boilerplate, is higher than 50% if you think about it.

Not sponsored:

Cursor AI – https://www.cursor.com/