How I built my new portfolio site

• endigo-design

  3 51 7.8 Astro

  The portfolio of Chris Simmons

While there’s much more I’d love to cover, it may be keen to save those for later articles! However, if you’re curious to learn more about how the site was built, I invite you to explore the source code, which is available on Github: GitHub - endigo9740/endigo-design: The portfolio of Chris Simmons

• vite

  791 64,913 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

Build & Bundling: Sveltekit was developed on-top of Vite, a build tool created by Evan You (of Vue fame). It provides a very fast and responsive set of tooling for creating local servers, handle hot module refresh, Typescript compilation, building, bundling, and more.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Tailwind CSS

  1,281 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Finally, I needed means to style and control the layout and design of each page and component. For this I turned to Tailwind CSS. Tailwind provides a full suite of utility CSS classes, while still allowing you to “draw outside the lines” with arbitrary overrides. It’s an acquired taste for sure, but a tool that can dramatically increase productivity in the right hands. It pairs really well with component libraries, such as Svelte, React, or Vue.

• Svelte

  634 76,639 9.9 JavaScript

  Cybernetically enhanced web apps

  

Next I knew I’d want to utilize UI components and a fully featured web application framework to build the foundation of the site. For this I turned to Svelte and Sveltekit. When combined these fulfill a similar role to tools such as Angular, Next.js for React, and Nuxt for Vue.

• Nuxt.js

  207 42,699 8.0 TypeScript

  Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  

Next I knew I’d want to utilize UI components and a fully featured web application framework to build the foundation of the site. For this I turned to Svelte and Sveltekit. When combined these fulfill a similar role to tools such as Angular, Next.js for React, and Nuxt for Vue.

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

Next I knew I’d want to utilize UI components and a fully featured web application framework to build the foundation of the site. For this I turned to Svelte and Sveltekit. When combined these fulfill a similar role to tools such as Angular, Next.js for React, and Nuxt for Vue.

• SvelteKit

  611 17,733 9.8 JavaScript

  web development, streamlined (by sveltejs)

  

Next I knew I’d want to utilize UI components and a fully featured web application framework to build the foundation of the site. For this I turned to Svelte and Sveltekit. When combined these fulfill a similar role to tools such as Angular, Next.js for React, and Nuxt for Vue.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Angular

  699 94,599 10.0 TypeScript

  Deliver web apps with confidence 🚀

  

Next I knew I’d want to utilize UI components and a fully featured web application framework to build the foundation of the site. For this I turned to Svelte and Sveltekit. When combined these fulfill a similar role to tools such as Angular, Next.js for React, and Nuxt for Vue.

Suggest a related project