Wiscaksono Site

screenshot of Wiscaksono Site
nextjs
react
svelte
vite
tailwind
drizzle-orm

Minimal portfolio site

Overview

The Wisnu's Homepage Preview is a website theme built using Next.js, TailwindCSS, Next Auth, and Prisma. It provides a sleek and modern design for a homepage or personal website. The theme utilizes the Next.js framework for full-stack web applications and TailwindCSS for styling.

Features

  • NextJS 14 (App Router): Next.js framework for building full-stack web applications.
  • TailwindCSS: Utility-first CSS framework for designing web interfaces directly in the markup.
  • Next Auth: Complete open-source authentication solution for Next.js applications.
  • Prisma: Open-source ORM simplifying data modeling, migrations, and data access for SQL databases.

Summary

The Wisnu's Homepage Preview theme is a stylish and functional website theme built with Next.js, TailwindCSS, Next Auth, and Prisma. With features like a full-stack framework, CSS utility classes, authentication solution, and ORM for SQL databases, this theme offers a solid foundation for creating a modern and responsive homepage or personal website.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

mdx
MDX

MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.