Discover my personal website, where I showcase my coding skills and expertise in software engineering. Explore a range of innovative software tools, blog posts, and project showcases that demonstrate my passion for problem-solving and creativity in the rapidly changing field of technology.https://jamesshopland.com/en-ushttps://jamesshopland.com/blog/typescript-5-6/https://jamesshopland.com/blog/typescript-5-6/The new TypeScript update fixes some common dev headaches, and adds emojis?Sun, 11 Aug 2024 00:00:00 GMThttps://jamesshopland.com/blog/easy-custom-gpt-nextjs/https://jamesshopland.com/blog/easy-custom-gpt-nextjs/In this video I showcase a really cool project to bootstrap a ChatGPT like application that can be used to query and index your own data. All built on NextJs. It supports multiple LLMs such as OpenAI and has support for Markdown, HTML, CSV, Word, Text files and more! It can even be used to just create a backend in python or express!Thu, 16 Nov 2023 00:00:00 GMThttps://jamesshopland.com/blog/tailwind-css-best-practices/https://jamesshopland.com/blog/tailwind-css-best-practices/Explore advanced TailwindCSS techniques for effective dark mode implementation, custom theming, and utility helpers. Enhance your UI design efficiency and user experience with these practical methods.Sun, 12 Nov 2023 00:00:00 GMThttps://jamesshopland.com/blog/nextjs-14-conference-announcements/https://jamesshopland.com/blog/nextjs-14-conference-announcements/Take a brief look into what was announced to be coming in NextJS 14 as well as a few other announcements from the NextJS conferenceSat, 28 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/dynamic-og-images-nextjs/https://jamesshopland.com/blog/dynamic-og-images-nextjs/How to set-up dynamically generated OpenGraph images in NextJS 13, using both the app and pages router. How to style the image with tailwind, add custom fonts, choose emoji style and load in external/local imagesFri, 20 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/nextjs-svg-sprites/https://jamesshopland.com/blog/nextjs-svg-sprites/How to use SVG sprites in React and NextJs 13. I guide you through set-up, pros and cons and using libraries such as radix-icons and lucide for your spritesSun, 15 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/making-emails-with-react/https://jamesshopland.com/blog/making-emails-with-react/The easiest way to craft emails in JavaScript. I will show you React Email and the power of this package in crafting emails in any framework. Although it may sound like a React package, you dont need to have a React application to use this.Thu, 12 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/nextjs-firebase-admin-sdk/https://jamesshopland.com/blog/nextjs-firebase-admin-sdk/A quick tutorial on how to set up the Firebase Admin SDK on Nextjs 13, and how to use it in server components. I'll also show you how to hide firebase download urls using an API route.Mon, 09 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/sort-imports-with-prettier/https://jamesshopland.com/blog/sort-imports-with-prettier/How to organise your JavaScript imports using Prettier and @ianvs/prettier-plugin-sort-imports. I'll show you how powerful this plugin can be as its completely customisable, fitting to your needs.Fri, 06 Oct 2023 00:00:00 GMThttps://jamesshopland.com/blog/half-marathon-alzheimers/https://jamesshopland.com/blog/half-marathon-alzheimers/I'm running the Run Reigate Half Marathon to raise money for Alzheimer's Society, follow my progress in this blog or donate to my JustGiving page.Sun, 02 Jul 2023 00:00:00 GMThttps://jamesshopland.com/blog/eslint-prettier-guide/https://jamesshopland.com/blog/eslint-prettier-guide/My process for setting up code and commit linting, utilizing tools like ESLint, Prettier, Husky, and lint-staged, which aid in maintaining code quality and enforcing a consistent coding and commit style. Sat, 01 Jul 2023 00:00:00 GMThttps://jamesshopland.com/blog/nextjs-13-rss-feed/https://jamesshopland.com/blog/nextjs-13-rss-feed/Learn how to set up an RSS feed for your Next.js 13 application using the rss package and contentlayer. This step-by-step guide will walk you through the process of generating an RSS feed, making it easier for your users to stay updated on your latest blog posts.Fri, 21 Apr 2023 00:00:00 GMThttps://jamesshopland.com/blog/welcome-to-my-site/https://jamesshopland.com/blog/welcome-to-my-site/Explore my newly revamped website, a personal blog by a full-stack developer with a passion for front-end development and cloud solutions. Built using Next.js, MDX, and Tailwind CSS, this site offers insights into my experiences, emerging technologies, and industry news. Join me on his journey of learning and growth in the ever-evolving world of software engineering.Fri, 14 Apr 2023 00:00:00 GMT