This is a Next.js project bootstrapped with create-next-app.

Description

Simplr is web application that enable user to create their own website from scratch with just drag and drop, also allow them to deploy their custom web on simplr domain with their own subdomain name for free.

Not looking for profit, just.. looking for a way to developed an app elegantly:)

To Do

Check available task here: https://github.com/users/sierraleonez/projects/1/views/1

• Create Axios instance to connect to Auth service
• Create service gateway for microservice (BE)
• Integrate Login auth
• Construct Register UI
• Create custom router for defining destination and payload
• Custom router to automatically redirect between public, main, and auth
• Create global modal to display error
• Integrate quicktype
• Create global package for microservice (BE)
• JWT with RSA encryption (FE + BE)
• OAuth2 with nextAuthJS (FE + BE) *After all outstanding finished

When to use Interface vs Type

https://medium.com/@martin_hotell/interface-vs-type-alias-in-typescript-2-7-2a8f1777af4c

Style conventions

I find that we cannot use a module className to another component outside our module when those component having it's own style module. So to overcome this issue, I came up with some idea:

• A component should not having it's own style module, instead we have to using css-in-js style, example:

type ButtonType = "link" | "regular";
type style = {
  [key in ButtonType]: CSSProperties;
};
const styles: style = {
  link: {},
  regular: {
    padding: "0.3rem",
  },
};

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.