Name: Alexander Almström
Type: User
Bio: Designer, Software Engineer, Art Director, UX Designer, UI Designer, React Developer
Location: Stockholm, Sweden
.env.example with your Contentful space id and token. Rename it to .env. Or copy the content of .env.example and create a new .env file.Install npm dependencies.
yarn install
Run webpack dev server.
yarn run start
Create a build directory with bundled assets.
yarn run build
A static node express server for testing.
yarn run server:dev
or
yarn run server:prod
Install netlify-cli.
npm install netlify-cli -g
Deploy app.
netlify deploy
Personal portfolio site.
alexanderalmstrom.com
Personal website built on Next.js with TypeScript, React Query, GraphQL and Contentful.
alexanderalmstrom.github.io
alexanderalmstrom.new
New personal website built with Next.js 13, Tailwind and Class Variance Authority.
contentful-eleventy
Contentful Eleventy POC
contentful-middleman
Demo with Middleman static site generator and Contentful.
contentful-node
Node.js, Redis, Contentful and Rich Text.
contentful-typescript
Contentful TypeScript demo based on create-react-app.
details-summary-demo
django-poc
docker-node
Docker Node server Hello world example.
fauna-demo
Example of client-side rendered React app fetching products from a Fauna GraphQL API endpoint. This example is using TypeScript and Apollo. Created with create-react-app.
gatsby-poc
Gatsby POC.
graphql-poc
POC with Gatsby, GraphQL and Contentful.
include-media
📐 Simple, elegant and maintainable media queries in Sass
klarna-contentful-ecommerce
E-commerce with Klarna, Contentful and React.
klarna-node-poc
Klarna checkout POC.
moltin-react
Moltin e-commerce api with React.
new-personal-website
next-chakra
Next.js + Chakra UI
next-typescript
Next.js, TypeScript and Contentful proof-of-concept.
next-vanilla-extract
next13-tailwind
Trying out Next v13 experimental app with Tailwind
node-site-poc
Node.js api and Netlify lambda functions.
nuxt-lint
nuxt-product-list
Playing around with product lists, load more with intersection observers and sliders.
payload
Payload CMS with Next.js 14 App Router
pug
Demo setup with pug, svg sprites and webpack asset revisions.
react-contentful
Example app with Webpack, React and Contentful.
react-create-context
Example with React Context
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.