/bookmark

Clone of https://www.instapaper.com/

Primary LanguageJavaScript

Bookmark

Clone of https://www.instapaper.com/

Browser extension: Chrome

  • authorize user
    • unauthorized user redirected to /login?r=redirectUrl
      • authorize user -> go to redirectUrl
      • create new user -> (waits for email confirmation: optional) -> go to redirectUrl
  • save link: /save?l=link

Sitemap

Pages:

  • / - Home page with links
  • /sign-in - Sign In(Form: email(input), password(input), keep me logged in(checkbox), forgot password?(link), Sign In(btn))
  • /reset-password - Forgot password(Form: email(input), Email me a password-reset link(btn))
  • /sign-up - Create An Account(Form: email(input), password(input), I'am not a robot(google reCAPTCHA), keep me logged in(checkbox), Create Account(btn)) API:
  • links:
    • POST: /api/links - save link
    • GET: /api/links - get links for authorized user with pagination, search query, hasGroup flag
    • DELETE: /api/links/:id - delete link
  • folders:
    • POST: /api/folders - create folder
    • GET: /api/folders - get folders
    • DELETE: /api/folders/:id - delete folder(id): doesn't delete links
    • PUT: /api/folders/:id?linkId=linkId - add link(linkId) to folder(id)

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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

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

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

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

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.

Bookmark

This workspace has been generated by Nx, Smart Monorepos · Fast CI.

Integrate with editors

Enhance your Nx experience by installing Nx Console for your favorite editor. Nx Console provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.

Nx plugins and code generators

Add Nx plugins to leverage their code generators and automated, inferred tasks.

# Add plugin
npx nx add @nx/react

# Use code generator
npx nx generate @nx/react:app demo

# Run development server
npx nx serve demo

# View project details
npx nx show project demo --web

Run npx nx list to get a list of available plugins and whether they have generators. Then run npx nx list <plugin-name> to see what generators are available.

Learn more about code generators and inferred tasks in the docs.

Running tasks

To execute tasks with Nx use the following syntax:

npx nx <target> <project> <...options>

You can also run multiple targets:

npx nx run-many -t <target1> <target2>

..or add -p to filter specific projects

npx nx run-many -t <target1> <target2> -p <proj1> <proj2>

Targets can be defined in the package.json or projects.json. Learn more in the docs.

Set up CI!

Nx comes with local caching already built-in (check your nx.json). On CI you might want to go a step further.

Explore the project graph

Run npx nx graph to show the graph of the workspace. It will show tasks that you can run with Nx.

Connect with us!