Technologies used in this Site
Next.js
A powerful React framework for server-side rendering and static site generation.
import { useRouter } from 'next/router';
TypeScript
Provides static typing for improved code quality and development efficiency.
const greeting: string = "Hello, TypeScript!";
Tailwind CSS
A utility-first CSS framework for rapid UI development.
<div className="bg-gray-100 p-4">Tailwind CSS example</div>
Storybook UI
Developing and testing components in isolation.
import { storiesOf } from '@storybook/react';
NextAuth.js
Handles authentication for seamless login and session management.
import { signIn } from 'next-auth/client';
Prisma ORM
Manages database connections with PostgreSQL for structured data.
const user = await prisma.user.findMany();
GraphQL
Efficient querying language for APIs.
query { users { id, name } }
PostgreSQL
Scalable relational database used to store data for the application.
CREATE TABLE users (id SERIAL PRIMARY KEY, name VARCHAR(100));
Jest
Testing framework for unit tests, ensuring code quality and preventing regressions.
test('adds 1 + 2 to equal 3', () => { expect(1 + 2).toBe(3); });
Cypress
End-to-end testing framework for the UI.
cy.visit('/'); cy.get('.btn').click();
Swagger
API documentation interface.
swagger-ui-express library setup example
ESLint & Prettier
Code linting and formatting.
const config = require('eslint-config');
LLM Integration
Chatbot and advanced language model integration.
const response = await llm.query("Hello");