https://github.com/rajatsandeepsen/bold

Notion Inspired To-Do list & clipboard tool
https://github.com/rajatsandeepsen/bold

firebase notion vercel webpack

Last synced: about 2 months ago
JSON representation

Notion Inspired To-Do list & clipboard tool

• Host: GitHub
• URL: https://github.com/rajatsandeepsen/bold
• Owner: rajatsandeepsen
• Created: 2023-01-20T16:31:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-23T14:19:04.000Z (almost 2 years ago)
• Last Synced: 2024-07-30T19:35:07.872Z (5 months ago)
• Topics: firebase, notion, vercel, webpack
• Language: JavaScript
• Homepage: https://bold-notion.vercel.app/
• Size: 1.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Notion-Clone (BOLD)

It just a Notion Alternative i made.

1. `npm install webpack --save-dev`

2. `npm install webpack-cli --save-dev`

3. add build script webpack in package.json file

4. `"build": "webpack"` And save

5. create `webpack.config.js`

6. add this to webpack.config.js

```const path = require('path');

module.exports = {

  entry: './index.js',

  output: {

    path: path.resolve(__dirname, 'dist'),

    filename: 'bundle.js',

  },

};

```

7. `npm run build`

8. dynamic import (code splittings)

```

const path = require('path');

module.exports = {

  mode: 'development',

  entry: {

    index: './view/index.js',

    doc: './view/doc.js',

    // add a file each time necessory

    firestore: 'firebase/firestore',

    auth: 'firebase/auth'

  },

   output: {

    filename: '[name].bundle.js',

     path: path.resolve(__dirname, 'dist'),

     publicPath: '',

   },

};

```

9. `npm run start` for devepolment temp build

10. webpack5-automatic-publicpath-is-not-supported-in-this-browser (solved)

```

output: {

  publicPath: '',

}

```

11. webpack production ready

`webpack --mode production`

```

"scripts": {

		"test": "echo \"Error: no test specified\" && exit 1",

		"build": "webpack",

		"start": "webpack serve",

		"production" : "webpack --mode production"

	},

```