Code Monkey home page Code Monkey logo

A NextJS project

Wethinkagile repo star count

Introduction · One-click Deploy · Tech Stack + Features · Author


Introduction

We Think Agile is an opinionated collection of components, hooks, and utilities for your Next.js project.

One-click Deploy

You can deploy this template to Vercel with the button below:

Deploy with Vercel

You can also clone & create this repo locally with the following command:

npx create-next-app precedent --example "https://github.com/stevek-pro/wethinkagile"

Then, install the dependencies with your package manager of choice:

npm i
yarn
pnpm i

Tech Stack + Features

Precedent.mp4

Frameworks

  • Next.js – React framework for building performant apps with the best developer experience
  • Auth.js – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
  • Prisma – Typescript-first ORM for Node.js

Platforms

  • Vercel – Easily preview & deploy changes with git
  • Vercel Postgres – Serverless Postgres at the Edge

UI

  • Tailwind CSS – Utility-first CSS framework for rapid UI development
  • Radix – Primitives like modal, popover, etc. to build a stellar user experience
  • Framer Motion – Motion library for React to animate components with ease
  • Lucide – Beautifully simple, pixel-perfect icons
  • next/font – Optimize custom fonts and remove external network requests for improved performance
  • ImageResponse – Generate dynamic Open Graph images at the edge

Hooks and Utilities

  • useIntersectionObserver –  React hook to observe when an element enters or leaves the viewport
  • useLocalStorage – Persist data in the browser's local storage
  • useScroll – React hook to observe scroll position (example)
  • nFormatter – Format numbers with suffixes like 1.2k or 1.2M
  • capitalize – Capitalize the first letter of a string
  • truncate – Truncate a string to a specified length
  • use-debounce – Debounce a function call / state update

Code Quality

  • TypeScript – Static type checker for end-to-end typesafety
  • Prettier – Opinionated code formatter for consistent code style
  • ESLint – Pluggable linter for Next.js and TypeScript

Miscellaneous

  • Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

Author

We Think Agile (wta)'s Projects

charts icon charts

Curated applications for Kubernetes

docker-docusaurus icon docker-docusaurus

A docker image for running Docusaurus 2, which is a development version yet, based on lightweight Alpine Linux.

docusaurus icon docusaurus

Easy to maintain open source documentation websites.

feathers-f-a-m-example icon feathers-f-a-m-example

A basic Feathers v4 application with Local Authentication and the pre-release version 4.0.0-pre.0 of the feathers-authentication-management (f-a-m) package for "sign up verification, forgotten password reset, and other capabilities for local authentication". The app uses feathers-sequelize as a database adapter to MySQL.

feathers-swagger icon feathers-swagger

Add documentation to your FeatherJS services and feed them to Swagger UI.

ghost-1 icon ghost-1

Example deployment of a `ghost` blog to Now using npm

hetzner-kube icon hetzner-kube

A CLI tool for provisioning kubernetes clusters on Hetzner Cloud

ionic icon ionic

Advanced HTML5 mobile development framework and SDK. Build incredible mobile apps with web technologies you already know and love. Best friends with AngularJS.

kube-client-micro icon kube-client-micro

Kube Client using GoDaddies NodeJS Library adapted to the awesome Micro Library

kubeone icon kubeone

Kubermatic KubeOne automate cluster operations on all your cloud, on-prem, edge, and IoT environments.

linux-fcc icon linux-fcc

A Linux Java GUI to control fans and clocks of your AMD GPU

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.