This guide would work best for a developer with a basic knowledge of TypeScript, familiarity with the React ecosystem, and who is new to Next.js and Google APIs. I plan to expand this application in the future, so I went with the libraries I know and like, or with those I wanted to learn anyway. ![]() Wow, that’s quite a lot of technology for such a simple website, right? The core features lie in Next.js & Google APIs, and we will focus on those (and other underlined dependencies), so you can definitely make your own choices on the rest. react-query – for queries/mutations execution.react-hot-toast – to display toast messages.next-auth – because it handles the user session and authentication.googleapis – to access the Spreadsheet API.Next.js – because we need server-side to work with the Google Spreadsheet API.TypeScript – because there is no way in hell I am writing an app without it.Our application will not store any data other than what we write on our spreadsheet.We will not do anything that requires any payments, but it’s a requirement from Google to use their services. You need to have a Google Cloud account set up with a debit card.However, it will do so under certain limitations: My spreadsheet is updated once the request is successfully submitted.Īnd rejoice, as within this tutorial we will build an app that accomplishes precisely this scenario.I add an expense in a simple interface by providing data in the format described above. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |